/*
2.3.0
* fixes a bug that could cause html elements to display as plain text in the autoreply subject
* fixes a bug that prevented shortcodes used in element attributes from updating correctly
adds new experimental feature: use smtp
* fixes a bug that could cause formatting issues in custom formatted message bodies
* fixes custom email format line break issues with certain themes and frameworks that remove br tags indiscriminately
* adds "\r\n" to br tags in custom formatted messages to prevent "lines too long for transport error"
* data was replaced with attr
* Radio fields can now be used to create branching slides
* input field confirm buttons now have a minimum width
2.3.0.3
textarea is now 100% width
triggers an input event on configure input fields so that the if statements are properly updated on load, previously they required at lest one form of interaction with a configure field
* fixes a bug that prevented shortcodes from working in Configure Hybrid mode with a custom email format (possibly introduced by the fix to Siphon's custom format in last update)
*/
#stacks_in_317.siphon-stack {
box-sizing: content-box;
overflow: hidden;
position: relative;
}
#stacks_in_317.siphon-stack
{
background-attachment: scroll;
/* background-color : ;*/
background-image : url(../files/backgroundImage-317.jpg);
background-repeat: repeat;
background-position: center center;
background-size: cover;
margin: 0px 0px 0px 0px;
transition: height 600ms ease;
}
@-webkit-keyframes gradAnimate {
0%{background-position:20% 0%}
50%{background-position:81% 100%}
100%{background-position:20% 0%}
}
@-moz-keyframes gradAnimate {
0%{background-position:20% 0%}
50%{background-position:81% 100%}
100%{background-position:20% 0%}
}
@-o-keyframes gradAnimate {
0%{background-position:20% 0%}
50%{background-position:81% 100%}
100%{background-position:20% 0%}
}
@keyframes gradAnimate {
0%{background-position:20% 0%}
50%{background-position:81% 100%}
100%{background-position:20% 0%}
}
.siphon-pagstacks_in_317 {
z-index: 100;
width: 100%;
display: none;
}
.siphon-pagstacks_in_317 div {
max-width: 700px;
margin: 0 auto;
padding: 0px;
box-sizing: border-box;
}
.siphon-pagstacks_in_317 span {
width: 20px;
height: 20px;
box-sizing: border-box;
border: 2px solid rgba(7, 64, 128, 0.70);;
border-radius: 50%;
display: inline-block;
cursor: pointer;
margin-right: 5px;
position: relative;
}
.siphon-pagstacks_in_317 span:hover {
background: rgba(7, 64, 128, 0.70);;
}
.siphon-pagstacks_in_317 span:after{
width: 5px;
height: 2px;
background: rgba(7, 64, 128, 0.70);;
position: absolute;
content: " ";
right: -7px;
top: 6px;
}
.siphon-pagstacks_in_317 span:last-child:after{
display: none;
}
.siphon-pagstacks_in_317 span.active {
background: rgba(0, 0, 128, 1.00);
border-color: rgba(0, 0, 128, 1.00);;
cursor: default;
}
.siphon-pagstacks_in_317 .siphon-pag-back {
height: 20px;
width: 20px;
display: inline-block;
vertical-align: top;
margin-right: 5px;
color: rgba(7, 64, 128, 0.70);
}
.siphon-pagstacks_in_317 .siphon-pag-back.disable-back {
opacity: .5;
pointer-events: none;
cursor: default;
}
.siphon-pagstacks_in_317 .siphon-pag-back svg {
fill: rgba(7, 64, 128, 0.70);
}
.siphon-pagstacks_in_317 .siphon-pag-back svg:hover {
fill: rgba(0, 0, 128, 1.00);
cursor: pointer;
}
#stacks_in_317 .siphon-hide {
display: none;
}
#stacks_in_317 .siphon-hide.has-button {
display: block;
}
#stacks_in_317 .siphon-hide.has-button .siphon-input-wrap {
display: block;
}
#stacks_in_317 .siphon-hide.has-button *:not(svg):not(path) {
display: none;
}
#stacks_in_317 .siphon-hide.has-button button {
display: block;
}
#stacks_in_317 .siphon-section .siphon-input-wrap.checkbox { margin: 16px 0px 0px 0px; }
#stacks_in_317 .siphon-section .siphon-input-wrap.checkbox ~ .checkbox { margin: 0px; }
#stacks_in_317 .siphon-section .siphon-input-wrap.checkbox input {
-webkit-appearance: none;
appearance: none;
opacity: 0 !important;
padding: 0px 5px 0px 0px;
margin: 0;
width: 100%;
height: 26px;
position: absolute;
left: 0;
cursor: pointer;
z-index: 100;
}
#stacks_in_317 .siphon-section .siphon-input-wrap.checkbox label {
padding-left: 25px;
position: relative;
z-index: 1;
}
#stacks_in_317 .siphon-section .siphon-input-wrap.checkbox label:before {
content: "\f096";
display: inline-block;
box-sizing: content-box;
font-family: fontawesome;
vertical-align: bottom;
position:absolute;
left: 0;
text-align: left;
}
#stacks_in_317 .siphon-section .siphon-input-wrap.checkbox input:disabled {
cursor: not-allowed;
}
#stacks_in_317 .siphon-section .siphon-input-wrap.checkbox input:disabled + label {
opacity: .6;
}
#stacks_in_317 .siphon-section .siphon-input-wrap.checkbox input:checked +label:before {
content: "\f046";
}
#stacks_in_317 .siphon-section .siphon-input-wrap.checkbox input[type="radio"] + label:before {
content: "\f10c";
}
#stacks_in_317 .siphon-section .siphon-input-wrap.checkbox input[type="radio"]:checked + label:before {
content: "\f192";
}
#stacks_in_317.siphon-stack .siphon-section {
position: absolute;
opacity: 0;
top: 0;
left: 100%;
box-sizing: border-box;
width: 100%;
margin: 0 auto;
padding: 32px 32px 32px 32px;
max-width: 700px;
visibility: hidden;
transition: opacity 300ms ease;
}
#stacks_in_317.siphon-stack .siphon-section .siphon-back {
color: rgba(7, 64, 128, 0.70);
margin-top: 32px;
}
#stacks_in_317.siphon-stack .siphon-section.back-at-top {
border-top: 38px solid transparent;
}
#stacks_in_317.siphon-stack .siphon-section.back-at-top .siphon-back {
margin: 0px;
position: absolute;
top: 10px;
top: -28px;
left: 32px;
}
#stacks_in_317.siphon-stack .siphon-section .siphon-back svg {
fill: rgba(7, 64, 128, 0.70);
width: 40px;
height: 40px;
}
#stacks_in_317.siphon-stack .siphon-section .siphon-back svg:hover {
fill: rgba(0, 0, 128, 1.00);
cursor: pointer;
}
#stacks_in_317.siphon-stack > .siphon-section:first-child .siphon-back {
display: none;
}
#stacks_in_317.siphon-stack .siphon-section.siphon-active {
position: relative;
opacity: 1;
left: 0;
height: auto;
visibility: visible;
}
#stacks_in_317 .siphon-section h1,
#stacks_in_317 .siphon-section h2,
#stacks_in_317 .siphon-section h3,
#stacks_in_317 .siphon-section h4,
#stacks_in_317 .siphon-section h5,
#stacks_in_317 .siphon-section h6,
#stacks_in_317 .siphon-section h1 span,
#stacks_in_317 .siphon-section h2 span,
#stacks_in_317 .siphon-section h3 span,
#stacks_in_317 .siphon-section h4 span,
#stacks_in_317 .siphon-section h5 span,
#stacks_in_317 .siphon-section h6 span {
color: rgba(7, 64, 128, 1.00);
line-height: 1.230769;
font-family: inherit;
text-align: left;
}
#stacks_in_317 .siphon-section .siphon-question {
position: relative;
display: inline-block;
width: 100%;
opacity: 1;
margin: 0;
color: rgba(7, 64, 128, 1.00);
font-size: 26px;
line-height: 32px;
font-family: inherit;
text-align: left;
}
#stacks_in_317 .siphon-section .siphon-pagination + .siphon-question {
margin: 32px 0 0 0;
}
#stacks_in_317 .siphon-section {
font-size: 18px;
line-height: 24px;
color: rgba(7, 64, 128, 1.00);
}
#stacks_in_317 .siphon-section .siphon-answer {
margin-top: 14px;
}
#stacks_in_317 .siphon-section .siphon-answer,
#stacks_in_317 .siphon-section .siphon-answer p,
#stacks_in_317 .siphon-section .siphon-answer span,
#stacks_in_317 .siphon-section .siphon-input-wrap.checkbox input,
#stacks_in_317 .siphon-section .siphon-input-wrap.checkbox input + label,
#stacks_in_317 .siphon-section .siphon-input-wrap.checkbox input + label span {
color: rgba(7, 64, 128, 0.70);
font-size: 20px;
line-height: 26px;
font-family: inherit;
text-align: left;
}
#stacks_in_317 .siphon-section .siphon-answer p {
margin: 0;
}
#stacks_in_317 .siphon-section .siphon-answer:hover p,
#stacks_in_317 .siphon-section .siphon-answer:hover span,
#stacks_in_317 .siphon-section .siphon-answer:hover .text_stack,
#stacks_in_317 .siphon-section .siphon-answer:hover,
#stacks_in_317 .siphon-section .siphon-input-wrap.checkbox input:hover,
#stacks_in_317 .siphon-section .siphon-input-wrap.checkbox input:hover + label {
color: rgba(0, 0, 128, 1.00);
}
#stacks_in_317 .siphon-section .siphon-answer a span,
#stacks_in_317 .siphon-section .siphon-answer:hover a span {
color: inherit;
font-size: inherit;
line-height: inherit;
text-align: inherit;
font-family: inherit;
}
#stacks_in_317 .siphon-section .siphon-answer {
cursor: pointer;
}
/* Answer Styles */
#stacks_in_317.siphon-stack .siphon-input-wrap,
#stacks_in_317.siphon-stack .siphon-input-wrap * {
box-sizing: border-box;
}
#stacks_in_317.siphon-stack .siphon-input-wrap {
position: relative;
z-index: 1;
display: inline-block;
margin: 16px 0px 0px 0px;
width: 100%;
vertical-align: top;
}
#stacks_in_317.siphon-stack .siphon-input-wrap:not(.checkbox) input {
position: relative;
display: block;
float: left;
padding: 0px 16px;
margin: 0;
height: 45px;
line-height: 45px;
font-size: 18px;
font-family: inherit;
border: none;
border-radius: 0;
-webkit-appearance: none; /* for box shadows to show on iOS */
z-index: 10;
max-width: 600px;
width: 80%;
background: transparent;
color: rgba(255, 255, 255, 1.00);
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
#stacks_in_317.siphon-stack .siphon-input-wrap button {
background: transparent;
border: 3px solid rgba(7, 64, 128, 1.00);
border-radius: 2px;
padding: 0px 16px;
height: 45px;
max-width: 100px;
width: 20%;
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
-webkit-transition: all 0.3s;
transition: all 0.3s;
color: rgba(7, 64, 128, 1.00);
font-size: 26px;
font-family: inherit;
}
#stacks_in_317.siphon-stack .siphon-input-wrap.siphon-visible-button button,
#stacks_in_317.siphon-stack .siphon-input-wrap.siphon-file button,
#stacks_in_317.siphon-stack .siphon-input-wrap.checkbox button{
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
opacity: 1;
width: 100px;
float: left;
clear: left;
margin-top: 16px;
}
#stacks_in_317.siphon-stack .siphon-input-wrap.checkbox button{
float: none;
display: block;
}
#stacks_in_317.siphon-stack .siphon-input-wrap button .checkmark {
height: 39px;
stroke-width: 4;
stroke: rgba(7, 64, 128, 1.00);
stroke-miterlimit: 10;
}
#stacks_in_317.siphon-stack .siphon-input-wrap button .checkmark-check {
transform-origin: 50% 50%;
stroke-dasharray: 48;
stroke-dashoffset: 0;
}
#stacks_in_317.siphon-stack .siphon-input-wrap button:hover {
background: rgba(255,255,255,0.2);
cursor: pointer;
}
#stacks_in_317.siphon-stack .siphon-input-wrap button:active {
background: rgba(255,255,255,0.2);
}
#stacks_in_317.siphon-stack .siphon-input-wrap input:focus,
#stacks_in_317.siphon-stack .siphon-input-wrap textarea:focus,
#stacks_in_317.siphon-stack .siphon-input-wrap button:focus {
outline: none;
}
#stacks_in_317.siphon-stack .siphon-input-wrap.input-focused button {
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
opacity: 1;
}
#stacks_in_317.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label {
display: block;
float: left;
clear: left;
padding: 0 16px;
border-radius: 2px;
color: rgba(0, 0, 0, 0.60);
font-size: 14px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
width: 80%;
max-width: 600px;
text-align: left;
margin: 0px;
}
#stacks_in_317.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label span {
position: relative;
display: block;
padding: 5px 0px;
width: 100%;
font-family: inherit;
}
#stacks_in_317.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label span:empty {
display: none;
}
#stacks_in_317.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::before {
content: '';
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
max-width: 600px;
height: 45px;
background: rgba(0, 0, 0, 0.60);
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
#stacks_in_317.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: 600px;
height: 3px;
background: rgba(0, 0, 0, 0.60);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
pointer-events: none;
}
#stacks_in_317.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) textarea + label::before,
#stacks_in_317.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) textarea + label::after {
display: none;
}
@media all and (max-width: 700px) {
#stacks_in_317.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label,
#stacks_in_317.siphon-stack .siphon-input-wrap:not(.checkbox) input {
width: calc(100% - 60px);
}
#stacks_in_317.siphon-stack .siphon-input-wrap button {
width: 60px;
}
}
#stacks_in_317.siphon-stack .siphon-input-wrap textarea {
resize: none;
display: block;
background: rgba(0, 0, 0, 0.60);
border-radius: 2px;
border: 0px solid white;
padding: 16px;
margin: 0;
height: 200px;
opacity: 1;
z-index: 10;
width: 100%;
max-width: 600px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
color: rgba(255, 255, 255, 1.00);
font-size: 18px;
font-family: inherit;
}
#stacks_in_317.siphon-stack .deluxe-columns .siphon-input-wrap {
max-width: 600px;
width: 100%;
display: block;
margin: 16px 0 0 0;
}
#stacks_in_317.siphon-stack .deluxe-columns .siphon-input-wrap:not(.checkbox) input {
width: 100%;
padding-right: 88px;
z-index: 0;
}
#stacks_in_317.siphon-stack .deluxe-columns .siphon-input-wrap.siphon-input-has-button:not(.checkbox):not(.siphon-file) label::before {
width: calc(100% - 80px);
}
#stacks_in_317.siphon-stack .deluxe-columns .siphon-input-wrap textarea {
width: 100%;
}
#stacks_in_317.siphon-stack .deluxe-columns .siphon-input-wrap button {
float: none;
position: absolute;
top: 0;
right: 0;
width: 80px;
z-index: 1;
transform-origin: bottom left;
margin: 0;
}
#stacks_in_317.siphon-stack .deluxe-columns .siphon-input-wrap:not(.checkbox):not(.siphon-file) label {
width: 100%;
float: none;
}
#stacks_in_317.siphon-stack .siphon-input-wrap.is-required input,
#stacks_in_317.siphon-stack .siphon-input-wrap.is-required textarea {
outline: thin solid red;
}
#stacks_in_317.siphon-stack .siphon-input-wrap input.is-required + label {
color: red !important;
}
#stacks_in_317.siphon-stack .siphon-input-wrap input:focus,
#stacks_in_317.siphon-stack .siphon-input-wrap.input-focused input,
#stacks_in_317.siphon-stack .siphon-input-wrap.is-required input {
opacity: 1;
/* -webkit-transition-delay: 0.3s;
transition-delay: 0.3s; */
}
#stacks_in_317.siphon-stack .siphon-input-wrap input:focus + .siphon-input-wrap input::before,
#stacks_in_317.siphon-stack .siphon-input-wrap.input-focused:not(.checkbox):not(.siphon-file) label::before,
#stacks_in_317.siphon-stack .siphon-input-wrap.input-focused label::before,
#stacks_in_317.siphon-stack .siphon-input-wrap.is-required label::before {
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
}
#stacks_in_317.siphon-stack .siphon-input-wrap input:focus + .siphon-input-wrap label,
#stacks_in_317.siphon-stack .siphon-input-wrap.input-focused label,
#stacks_in_317.siphon-stack .siphon-input-wrap.is-required label {
pointer-events: none;
}
#stacks_in_317.siphon-stack .siphon-input-wrap input:focus + .siphon-input-wrap label::after,
#stacks_in_317.siphon-stack .siphon-input-wrap.input-focused label::after,
#stacks_in_317.siphon-stack .siphon-input-wrap.is-required label::after {
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -90deg);
transform: perspective(1000px) rotate3d(1, 0, 0, -90deg);
}
#stacks_in_317 .siphon-section .siphon-input-wrap input[type='file'] {
margin: 16px 0px;
opacity: 0;
}
/* Submit slide styles */
#stacks_in_317.siphon-stack .siphon-submit button,
#stacks_in_317 .siphon-section .siphon-input-wrap.siphon-file label {
background: transparent;
border: 3px solid rgba(7, 64, 128, 1.00);
border-radius: 2px;
padding: 0px 16px;
height: 45px;
margin: 16px 0px;
color: rgba(7, 64, 128, 1.00);
font-size: 18px;
font-family: inherit;
position: relative;
z-index: 1;
overflow: hidden;
}
#stacks_in_317.siphon-stack .siphon-submit button:hover,
#stacks_in_317 .siphon-section .siphon-input-wrap.siphon-file label:hover {
background: rgba(255,255,255,0.2);
cursor: pointer;
}
#stacks_in_317.siphon-stack .siphon-submit button:active,
#stacks_in_317 .siphon-section .siphon-input-wrap.siphon-file label:active {
background: rgba(255,255,255,0.2);
}
#stacks_in_317.siphon-stack .siphon-submit button:focus {
outline: none;
}
#stacks_in_317.siphon-stack .siphon-input-wrap.siphon-textarea button {
width: 100%;
max-width: 600px;
position: relative;
float: none;
display: block;
}
#stacks_in_317.siphon-stack .siphon-mail-error {
color: white;
background: #FF4444;
border: 1px solid #FF2222;
padding: 10px;
border-radius: 4px;
margin: 32px 0px 0px 0px;
box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}
#stacks_in_317 .siphon-loader {
height: 40px;
width: 40px;
text-align: center;
padding: 0;
margin: 32px auto 0 auto;
display: block;
position: absolute;
opacity: 0;
transition: opacity 0ms linear;
pointer-events: none;
z-index: 0;
}
#stacks_in_317 .siphon-loader svg path {
fill: rgba(7, 64, 128, 1.00);
}
#stacks_in_317.siphon-email-submited .siphon-loader {
position: relative;
opacity: 1;
transition: opacity 300ms ease;
-webkit-animation: load3 1.4s infinite linear;
animation: load3 1.4s infinite linear;
}
@-webkit-keyframes load3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#stacks_in_317.siphon-email-submited .siphon-submit button,
#stacks_in_317.siphon-email-submited .siphon-back,
#stacks_in_317.siphon-email-submited .configure-submit {
display: none;
}
#stacks_in_317.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox) input,
#stacks_in_317.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox) input,
#stacks_in_317.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox) label,
#stacks_in_317.siphon-stack .s3_column .siphon-input-wrap textarea,
#stacks_in_317.siphon-stack .s3_column .siphon-input-wrap button,
#stacks_in_317.siphon-email-submited .s3_column .siphon-submit button,
#stacks_in_317 .siphon-section .s3_column .siphon-input-wrap.siphon-file label,
#stacks_in_317.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox):not(.siphon-file) label {
width: 100%;
max-width: 100%;
position: relative;
float: none;
}
#stacks_in_317.siphon-stack .s3_column .siphon-input-wrap label::after,
#stacks_in_317.siphon-stack .s3_column .siphon-input-wrap label::before,
#stacks_in_317.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::after,
#stacks_in_317.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::before {
width: 100%;
max-width: 100%;
float: none;
}
@media all and (max-width: 640px) {
#stacks_in_317.siphon-stack .siphon-input-wrap:not(.checkbox) input,
#stacks_in_317.siphon-stack .siphon-input-wrap:not(.checkbox) input,
#stacks_in_317.siphon-stack .siphon-input-wrap:not(.checkbox) label,
#stacks_in_317.siphon-stack .siphon-input-wrap textarea,
/* #stacks_in_317.siphon-stack .siphon-input-wrap button, */
#stacks_in_317.siphon-email-submited .siphon-submit button,
#stacks_in_317 .siphon-section .siphon-input-wrap.siphon-file label,
#stacks_in_317.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label {
/* width: 100%;
position: relative;
float: none; */
}
#stacks_in_317.siphon-stack .siphon-input-wrap button {
padding: 0 6px;
}
#stacks_in_317.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::after,
#stacks_in_317.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::before {
/* width: 100%;
float: none; */
}
}
#stacks_in_317 .siphon-section .siphon-input-wrap.checkbox label:before {
}
/* Edit mode styles */
#stacks_in_317 .autoreply {display: none;}
/*
=======================================
File
=======================================
*/
#stacks_in_317 .siphon-section .siphon-input-wrap.siphon-file label {
display: inline-block;
line-height: 40px;
position: absolute !important;
z-index: 100;
left:0;
top: 0;
}
#stacks_in_317 .siphon-section .siphon-input-wrap.siphon-file label {
}
#stacks_in_317 .siphon-section .siphon-input-wrap.siphon-file input:before {
content: "\f192";
}
/*
=======================================
Range / Slider
=======================================
*/
#stacks_in_317.siphon-stack .siphon-range-wrap {
display: grid;
grid-template-columns: min-content 1fr min-content;
max-width: 600px;
width: 100%;
align-items: center;
grid-gap: 4px;
}
#stacks_in_317.siphon-stack .siphon-range-wrap > span {
color: rgba(0, 0, 0, 0.60);
font-size: 14px;
line-height: 14px;
font-family: inherit;
white-space: nowrap;
}
#stacks_in_317.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) > label > span {
font-size: 14px;
line-height: 16px;
margin-top: 12px;
}
#stacks_in_317.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) input {
opacity: 1;
width: 100%;
height: 4px;
padding: 0px;
background: rgba(0, 0, 0, 0.60);
}
#stacks_in_317.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) label {
transform: translateY(-10.000000px);
}
#stacks_in_317.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) input::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
border-radius: 10px;
background: rgba(7, 64, 128, 1.00);
cursor: pointer;
}
#stacks_in_317.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) input::-moz-range-thumb {
background: rgba(7, 64, 128, 1.00);
width: 20px;
height: 20px;
border-radius: 10px;
cursor: pointer;
}
#stacks_in_317.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) label:before,
#stacks_in_317.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) label:after {
display: none;
}
.siphon-stack .siphon-section .stacks_in,
.siphon-stack .siphon-section .stacks_out {
overflow: hidden;
}
.autoreplyBody, .autoreplySubject {display: none !important;}
.custom-format {display: none;}
.siphon-stack.bg-stacks_in_319:before {
position: relative;
transition: height 600ms ease-in;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#stacks_in_321 textarea {
height: 200px !important;
}
.autoreplyBody, .autoreplySubject {display: none !important;}
.custom-format {display: none;}
.siphon-stack.bg-stacks_in_324:before {
position: relative;
transition: height 600ms ease-in;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#stacks_in_325 textarea {
height: 200px !important;
}
#stacks_in_328 textarea {
height: 200px !important;
}
.autoreplyBody, .autoreplySubject {display: none !important;}
.custom-format {display: none;}
.siphon-stack.bg-stacks_in_331:before {
position: relative;
transition: height 600ms ease-in;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#stacks_in_332 textarea {
height: 200px !important;
}
.autoreplyBody, .autoreplySubject {display: none !important;}
.custom-format {display: none;}
.siphon-stack.bg-stacks_in_335:before {
position: relative;
transition: height 600ms ease-in;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#stacks_in_336 textarea {
height: 200px !important;
}
.autoreplyBody, .autoreplySubject {display: none !important;}
.custom-format {display: none;}
.siphon-stack.bg-stacks_in_339:before {
position: relative;
transition: height 600ms ease-in;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#stacks_in_340 textarea {
height: 200px !important;
}
#stacks_in_342 textarea {
height: 200px !important;
}
.autoreplyBody, .autoreplySubject {display: none !important;}
.custom-format {display: none;}
.siphon-stack.bg-stacks_in_344:before {
position: relative;
transition: height 600ms ease-in;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#stacks_in_345>.s3_row {
margin: 0 -10px;
}
#stacks_in_345>.s3_row>.s3_column_left {
width: 50.00%;
}
#stacks_in_345>.s3_row>.s3_column_right {
width: 50.000000%;
}
#stacks_in_345>.s3_row>.s3_column {
padding: 0 10px;
}
@media only screen and (max-width: 770px) {
}
@media only screen and (max-width: 400px) {
#stacks_in_345>.s3_row {
margin: -10px 0;
}
#stacks_in_345>.s3_row>.s3_column {
padding: 10px 0;
width:100%;
}
}
#stacks_in_349 textarea {
height: 200px !important;
}
#stacks_in_347 textarea {
height: 200px !important;
}
#stacks_in_351 {
margin: 15px 0px 15px 0px;
}
#stacks_in_353>.s3_row {
margin: 0 -10px;
}
#stacks_in_353>.s3_row>.s3_column_left {
width: 50.00%;
}
#stacks_in_353>.s3_row>.s3_column_right {
width: 50.000000%;
}
#stacks_in_353>.s3_row>.s3_column {
padding: 0 10px;
}
@media only screen and (max-width: 770px) {
}
@media only screen and (max-width: 400px) {
#stacks_in_353>.s3_row {
margin: -10px 0;
}
#stacks_in_353>.s3_row>.s3_column {
padding: 10px 0;
width:100%;
}
}
#stacks_in_356 textarea {
height: 200px !important;
}
#stacks_in_354 textarea {
height: 200px !important;
}
.autoreplyBody, .autoreplySubject {display: none !important;}
.custom-format {display: none;}
.siphon-stack.bg-stacks_in_359:before {
position: relative;
transition: height 600ms ease-in;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#stacks_in_360 textarea {
height: 100px !important;
}
.autoreplyBody, .autoreplySubject {display: none !important;}
.custom-format {display: none;}
.siphon-stack.bg-stacks_in_363:before {
position: relative;
transition: height 600ms ease-in;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#stacks_in_364 textarea {
height: 200px !important;
}
.autoreplyBody, .autoreplySubject {display: none !important;}
.custom-format {display: none;}
.siphon-stack.bg-stacks_in_367:before {
position: relative;
transition: height 600ms ease-in;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#stacks_in_490 textarea {
height: 200px !important;
}
#stacks_in_371 {
margin: 15px 0px 0px 0px;
}
#stacks_in_374 {
margin: 15px 0px 15px 0px;
}
#stacks_in_376 {
margin: 15px 0px 15px 0px;
}
#stacks_in_379>.s3_row {
margin: 0 -10px;
}
#stacks_in_379>.s3_row>.s3_column_left {
width: 50.00%;
}
#stacks_in_379>.s3_row>.s3_column_right {
width: 50.000000%;
}
#stacks_in_379>.s3_row>.s3_column {
padding: 0 10px;
}
@media only screen and (max-width: 770px) {
}
@media only screen and (max-width: 400px) {
#stacks_in_379>.s3_row {
margin: -10px 0;
}
#stacks_in_379>.s3_row>.s3_column {
padding: 10px 0;
width:100%;
}
}
#stacks_in_384 {
margin: 15px 0px 15px 0px;
}
#stacks_in_381 {
margin: 15px 0px 15px 0px;
}
#stacks_in_388 {
margin: 0px 0px 16px 0px;
}
#stacks_in_392 {
margin: 0px 0px 16px 0px;
}
.autoreplyBody, .autoreplySubject {display: none !important;}
.custom-format {display: none;}
.siphon-stack.bg-stacks_in_395:before {
position: relative;
transition: height 600ms ease-in;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#stacks_in_498 textarea {
height: 200px !important;
}
#stacks_in_396 {
margin: 0px 0px 20px 0px;
}
#stacks_in_407_button {
display:block;
position: relative;
text-align: center;
}
#stacks_in_407 a:link, #stacks_in_407 a:visited {
display:inline-block;
position: relative;
text-decoration:none;
}
#stacks_in_407 a:hover, #stacks_in_407 a:active {
color:#FFFFFF;
}
#stacks_in_407 a:link, #stacks_in_407 a:visited {
background-color:#0850A0;
background: -webkit-gradient(linear, left top, left bottom, from(#0850A0), to(#053060));
border:1px solid #053060;
padding:3px 20px;
border-radius:30px;
color:#FFFFFF;
box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px;
margin:5px;
font-weight:bold;
}
#stacks_in_407 a:hover {
background-color:#0956AC;
background: -webkit-gradient(linear, left top, left bottom, from(#0956AC), to(#042953));
box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px;
}
#stacks_in_407 a:active {
background-color:#0850A0;
box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset;
}
#stacks_in_407 {
margin: 11px;
padding: 6px;
}
.autoreplyBody, .autoreplySubject {display: none !important;}
.custom-format {display: none;}
.siphon-stack.bg-stacks_in_509:before {
position: relative;
transition: height 600ms ease-in;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.siphon-configure #section_stacks_in_509 .configure-submit button.siphon-configure-next,
.siphon-configure #section_stacks_in_509 .configure-submit button.siphon-configure-send-email {
background: rgba(16, 55, 145, 1.00);
border-color: rgba(16, 55, 145, 1.00);
color: rgba(255, 255, 255, 1.00);
}
.siphon-configure #section_stacks_in_509 .configure-submit button.siphon-configure-back {
background: rgba(0, 0, 0, 0.00);
border-color: rgba(16, 55, 145, 1.00);
color: rgba(16, 55, 145, 1.00);
}
#wrap_stacks_in_511 .prefix {
margin-right: 0;
}
#wrap_stacks_in_511 .postfix {
margin-left: 0;
}
#wrap_stacks_in_511 .configure-inner-wrap {
width: 100%;
max-width: 320px;
}
#wrap_stacks_in_511 .configure-group-wrap label {
background-color: rgba(0, 0, 0, 0.00);
border-color: rgba(0, 0, 0, 0.20);
transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease;
}
#wrap_stacks_in_511 .configure-group-wrap input:checked + label {
background-color: rgba(0, 0, 0, 0.00);
border-color: rgba(60, 100, 250, 0.80);
box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20);
}
#wrap_stacks_in_511 .configure-group-wrap input:not(:checked) + label:hover {
border-color: rgba(60, 100, 250, 0.80);
box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20);
}
#wrap_stacks_in_511 .configure-group-wrap label {
padding: 6px 16px;
}
.configure-group-wrap[data-name="stacks_in_511"],
.configure-group-wrap[data-name="stacks_in_511"] > div[tag="node"] {
grid-template-columns: repeat(auto-fit,156px);
}
#wrap_stacks_in_521 .prefix {
margin-right: 0;
}
#wrap_stacks_in_521 .postfix {
margin-left: 0;
}
#wrap_stacks_in_521 .configure-inner-wrap {
width: 100%;
max-width: 320px;
}
#wrap_stacks_in_521 .configure-group-wrap label {
background-color: rgba(0, 0, 0, 0.00);
border-color: rgba(0, 0, 0, 0.20);
transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease;
}
#wrap_stacks_in_521 .configure-group-wrap input:checked + label {
background-color: rgba(0, 0, 0, 0.00);
border-color: rgba(60, 100, 250, 0.80);
box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20);
}
#wrap_stacks_in_521 .configure-group-wrap input:not(:checked) + label:hover {
border-color: rgba(60, 100, 250, 0.80);
box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20);
}
#wrap_stacks_in_521 .configure-group-wrap label {
padding: 6px 16px;
}
.configure-group-wrap[data-name="stacks_in_521"],
.configure-group-wrap[data-name="stacks_in_521"] > div[tag="node"] {
grid-template-columns: repeat(auto-fit,156px);
}
#wrap_stacks_in_531 .prefix {
margin-right: 0;
}
#wrap_stacks_in_531 .postfix {
margin-left: 0;
}
#wrap_stacks_in_531 .configure-inner-wrap {
width: 100%;
max-width: 320px;
}
#wrap_stacks_in_531 .configure-group-wrap label {
background-color: rgba(0, 0, 0, 0.00);
border-color: rgba(0, 0, 0, 0.20);
transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease;
}
#wrap_stacks_in_531 .configure-group-wrap input:checked + label {
background-color: rgba(0, 0, 0, 0.00);
border-color: rgba(60, 100, 250, 0.80);
box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20);
}
#wrap_stacks_in_531 .configure-group-wrap input:not(:checked) + label:hover {
border-color: rgba(60, 100, 250, 0.80);
box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20);
}
#wrap_stacks_in_531 .configure-group-wrap label {
padding: 6px 16px;
}
.configure-group-wrap[data-name="stacks_in_531"],
.configure-group-wrap[data-name="stacks_in_531"] > div[tag="node"] {
grid-template-columns: repeat(auto-fit,156px);
}
/*
1.1.1
- hotfix for bug introduced by the last update. Could cause an error if multiple shortcodes were used in a single text area.
*/
/*
OUTER STYLES
*/
#stacks_in_542.configure-wrap, #stacks_in_542.configure-wrap * {
box-sizing: border-box;
}
#stacks_in_542.configure-wrap {
/* Background */
/* Border & Shadow */
/* Layout */
}
#stacks_in_542.configure-wrap > div {
}
/*
CUSTOM STYLES
*/
#stacks_in_542 .configure-inner-wrap > .configure-checkbox {
height: auto;
}
#stacks_in_542 .ccs-check-graphic:after {
left: 50%;
top: calc(50% - 1px);
width: 20%;
transform: translate(-50%,-50%) rotate(45deg);
height: 40%;
border: solid white;
border-width: 0 3px 3px 0;
}
#stacks_in_542 .configure-inner-wrap,
#stacks_in_542 .configure-inner-wrap span,
#stacks_in_542 .configure-inner-wrap > label output,
#stacks_in_542 .configure-inner-wrap input,
#stacks_in_542 .configure-inner-wrap select {
font-family: inherit;
font-weight: 400;
}
#stacks_in_542 .configure-input textarea,
#stacks_in_542 .configure-input input,
#stacks_in_542 .configure-input select,
#stacks_in_542 .configure-input output,
#stacks_in_542 .configure-input .com_onelittledesigner_stacks_Configure_Select_Option_stack,
#stacks_in_542 .configure-group-wrap label:not(.stacks-label),
#stacks_in_542 .ccs-checkbox-text,
#stacks_in_542 .configure-math {
color: rgba(0, 0, 0, 0.70);
}
#stacks_in_542 .configure-input .prefix,
#stacks_in_542 .configure-input .postfix {
color: rgba(0, 0, 0, 0.50);
}
#stacks_in_542 .configure-input .select-icon svg {
stroke: rgba(0, 0, 0, 0.50);
}
#stacks_in_542 .configure-inner-wrap > .configure-subtitle {
color: rgba(0, 0, 0, 0.30);
}
#stacks_in_542 .configure-inner-wrap > label output,
#stacks_in_542 .configure-inner-wrap > label:not(.configure-checkbox) {
color: rgba(0, 0, 0, 0.70);
margin: 16px 0 8px 0;
font-weight: 600;
}
#stacks_in_542 .configure-input textarea,
#stacks_in_542 .configure-input input,
#stacks_in_542 .configure-input select,
#stacks_in_542 .configure-input output,
#stacks_in_542 .ccs-checkbox-text {
font-size: 16px;
line-height: 16px;
}
#stacks_in_542 .configure-input textarea,
#stacks_in_542 .configure-input input[data-type="text"],
#stacks_in_542 .configure-input select {
line-height: 24px;
}
#stacks_in_542 .quantity-button {
margin: 0;
border-width: 0;
padding: 0;
width: 24px;
height: 24px;
font-size: 14px;
line-height: 14px;
}
#stacks_in_542 .ccs-check-graphic {
width: 24px;
height: 24px;
}
#stacks_in_542 .configure-input .prefix,
#stacks_in_542 .configure-input .postfix {
font-size: 16px;
line-height: 16px;
}
#stacks_in_542 .configure-inner-wrap > label:not(.configure-checkbox) {
font-size: 16px;
line-height: 16px;
}
#stacks_in_542 .configure-inner-wrap > .configure-subtitle {
font-size: 12px;
line-height: 120%;
}
#stacks_in_542.configure-wrap .select-icon {
width: 16px;
height: 16px;
}
#stacks_in_542 .configure-number {
padding: 6.000000px 6.000000px 6.000000px 14px;
}
#stacks_in_542 .configure-select {
padding: 10.000000px 6.000000px 10.000000px 14px;
}
#stacks_in_542 .configure-text {
padding: 6.000000px 14px;
}
#stacks_in_542 .is-narrow .quantity-nav {
height: calc(100% + 6.000000px + 6.000000px - 2px);
display: grid;
grid-gap: 0px;
grid-template-columns: 1fr;
margin-right: calc(-6.000000px + 1px);
}
#stacks_in_542 .is-narrow .quantity-nav .quantity-button {
height: 100%;
width: 18px;
line-height: 10px;
}
#stacks_in_542 .is-narrow .quantity-nav .quantity-up {
grid-row: 1;
border-radius: 0 3px 0 0;
}
#stacks_in_542 .is-narrow .quantity-nav .quantity-down {
border-radius: 0 0 3px 0;
box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
}
#stacks_in_542 .is-narrow .configure-number {
padding: 6.000000px;
}
#stacks_in_542 .configure-inner-wrap > .configure-checkbox {
grid-gap: 8.000000px;
}
#stacks_in_542 .configure-select > select {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
padding: 0 0 0 14px;
cursor: pointer;
z-index: 2;
}
#stacks_in_542 .configure-input .com_onelittledesigner_stacks_Configure_Select_Option_stack,
#stacks_in_542 .ccs-check-graphic {
background: rgba(255, 255, 255, 1.00);
}
/*
GROUP
*/
#stacks_in_542 .configure-group-wrap label {
border: 1px solid rgba(0, 0, 0, 0.20);
overflow: hidden;
}
#stacks_in_542 .configure-input-wrap > .configure-input-design {
border: 1px solid rgba(0, 0, 0, 0.20);
background: rgba(255, 255, 255, 1.00);
}
#stacks_in_542 .configure-group-wrap input:not(:checked) + label:hover:before,
#stacks_in_542 .configure-checkbox:hover input:not(:checked) + .ccs-check-graphic:before,
#stacks_in_542.configure-wrap .configure-input-design.configure-focused:before {
border-radius: 3px;
}
/*
RANGE
*/
#stacks_in_542 .configure-range .fill-to {
border: 1px solid rgba(0, 0, 0, 0.20);
}
#stacks_in_542 .configure-range .fill-to-bar {
background: rgba(60, 100, 250, 1.00);
}
#stacks_in_542 .configure-tick-wrap > div {
background: rgba(0, 0, 0, 0.15);
}
#stacks_in_542.configure-wrap input[type=range]::-webkit-slider-thumb {
border: 1px solid rgba(0, 0, 0, 0.20);
background-image: linear-gradient(rgba(255, 255, 255, 1.00), rgba(255, 255, 255, 1.00));
}
#stacks_in_542.configure-wrap input[type=range]::-moz-range-thumb {
border: 1px solid rgba(0, 0, 0, 0.20);
background-image: linear-gradient(rgba(255, 255, 255, 1.00), rgba(255, 255, 255, 1.00));
}
#stacks_in_542 .configure-range .fill-to {
background: rgba(0, 0, 0, 0.05);
}
/*
CHECKBOX
*/
#stacks_in_542 .ccs-checkbox-text {
color: rgba(0, 0, 0, 0.70);
}
#stacks_in_542 .ccs-check-graphic {
border: 1px solid rgba(0, 0, 0, 0.20);
}
#stacks_in_542 .configure-checkbox input:checked + .ccs-check-graphic {
background-color: rgba(60, 100, 250, 1.00);
border: 1px solid rgba(60, 100, 250, 1.00);
}
/*
NUMBER
*/
#stacks_in_542 .configure-number .configure-input-formatting input[type="number"] {
color: transparent;
}
#stacks_in_542 .configure-number .configure-input-formatting input[type="number"]:focus {
color: rgba(0, 0, 0, 0.70);
}
/* #stacks_in_542 .quantity-nav {
padding: 7px 8px 0 0;
} */
#stacks_in_542 .quantity-button {
color: rgba(0, 0, 0, 0.70);
background: rgba(0, 0, 0, 0.10);
}
#stacks_in_542 .quantity-button.quantity-up:before {
content: "+";
color: rgba(0, 0, 0, 0.70);
}
#stacks_in_542 .quantity-button.quantity-down:before {
content: "-";
color: rgba(0, 0, 0, 0.70);
}
#stacks_in_542 .configure-group-wrap label * {
pointer-events: none;
}
#stacks_in_542 .configure-group-wrap,
#stacks_in_542 .configure-group-wrap > div[tag="node"] {
display: grid;
grid-gap: 8px;
align-items: stretch;
}
#stacks_in_542 .configure-group-wrap > div[tag="node"] {
padding-bottom: 48px;
}
#stacks_in_542 .configure-group-wrap > div[tag="node"] > div {
margin: 0;
}
#stacks_in_542 .configure-group-wrap > div[tag="node"] > div[type="add"] {
position: absolute !important;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
#stacks_in_542 .configure-group-wrap div {
position: relative;
}
#stacks_in_542 .configure-group-wrap input {
position: absolute;
opacity: 0;
top: 0;
left: 0;
z-index: 0;
}
#stacks_in_542 .configure-group-wrap label,
#stacks_in_542 .configure-group-wrap input:checked + label:after,
#stacks_in_542 .configure-input-wrap > .configure-input-design,
#stacks_in_542 .configure-group-wrap input + label:before,
#stacks_in_542 .configure-checkbox input + .ccs-check-graphic:before,
#stacks_in_542.configure-wrap .configure-input-design:before,
#stacks_in_542 .ccs-check-graphic {
border-radius: 4px;
}
#stacks_in_542 .quantity-button,
#stacks_in_542 .quantity-button:active:after {
border-radius: 2.000000px;
}
#wrap_stacks_in_544 .prefix {
margin-right: 0;
}
#wrap_stacks_in_544 .postfix {
margin-left: 0;
}
#wrap_stacks_in_544 .configure-inner-wrap {
width: 100%;
max-width: 320px;
}
#wrap_stacks_in_544 .configure-group-wrap label {
background-color: rgba(0, 0, 0, 0.00);
border-color: rgba(0, 0, 0, 0.20);
transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease;
}
#wrap_stacks_in_544 .configure-group-wrap input:checked + label {
background-color: rgba(0, 0, 0, 0.00);
border-color: rgba(60, 100, 250, 0.80);
box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20);
}
#wrap_stacks_in_544 .configure-group-wrap input:not(:checked) + label:hover {
border-color: rgba(60, 100, 250, 0.80);
box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20);
}
#wrap_stacks_in_544 .configure-group-wrap label {
padding: 6px 16px;
}
.configure-group-wrap[data-name="stacks_in_544"],
.configure-group-wrap[data-name="stacks_in_544"] > div[tag="node"] {
grid-template-columns: repeat(auto-fit,156px);
}