fieldset{border:none;padding:0}.hidden{visibility:hidden;opacity:0;position:absolute;-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}.mystery-form{--background--input-btn: #fff;--background--next-btn: #b9dfed;--background--next-btn--hover: #c9eaf7;--background--input-btn--checked: #e5f2f8;--border-color--input-btn--hover: #bababa;--border-color--input-btn--checked: #000;--tooltip-bg: #FFF;--tooltip-text-color: #000;--inner-sm: .5em;--inner-md: 1em;--inner-lg: 2em;--inner-xl: 4em;--outer-sm: .5rem;--outer-md: 1rem;--outer-lg: 2rem;--outer-xl: 4rem;padding-top:1rem;padding-bottom:1rem}fieldset legend{font-weight:700;padding-top:var(--outer-sm);padding-bottom:var(--outer-sm);font-size:16px}.form-group{max-width:380px}#style-group.form-group{max-width:450px}#colours-group,#accessories-group,#brands-group,#outfit-group,#size-group{padding-bottom:2.5rem}#purchase-group{padding-bottom:2rem}@media screen and (min-width: 860px){.form-group .grid{display:-ms-grid;display:grid;-ms-grid-columns:4fr 5fr;grid-template-columns:4fr 5fr}fieldset legend{font-size:20px}}.form-group--full{max-width:100%}.btn-group__subheading{margin:0;font-size:16px;font-weight:700;padding-top:.5rem;padding-bottom:.5rem}.btn-group__subheading--secondary{color:#777}.btn-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.btn-group.btn-group--spaced{padding-bottom:2rem}.grid .btn-group{-ms-flex-wrap:unset;flex-wrap:unset}.form-group .input-btn{width:33.3%;padding-right:var(--outer-sm);padding-bottom:var(--outer-sm)}.form-group .input-btn--full{width:100%}.form-group--full .input-btn{width:unset;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.form-group.five-cols{max-width:380px}.form-group.five-cols .input-btn{width:25%}.btn-group .input-btn label{cursor:pointer;font-size:14px;font-weight:500;padding:var(--inner-sm) var(--inner-md);background:var(--background--input-btn);-webkit-box-shadow:0px 5px 10px 2px rgba(0,0,0,.05);box-shadow:0 5px 10px 2px #0000000d;min-width:80px;display:block;text-align:center;border:1px solid var(--background--input-btn);-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;position:relative}@media screen and (max-width:640px){.btn-group .input-btn label{min-width:50px;padding-left:.7em;padding-right:.7em}}.btn-group input:disabled+label{opacity:.3;cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;background:#efefef}.btn-group--rounded .input-btn label{padding:0;width:72px;height:72px;min-width:70px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:unset}.input-btn{position:relative}.input-btn input{display:block;position:absolute;width:100%;height:100%;opacity:0}#result-price,#result-price-2{text-decoration:line-through}.input-btn label.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-delay:none;animation-delay:none;-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-timing-function:cubic-bezier(.7,.1,.6,1);animation-timing-function:cubic-bezier(.7,.1,.6,1);-webkit-animation-duration:.3s;animation-duration:.3s}@-webkit-keyframes bounce{0%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:center;transform-origin:center}to{-webkit-transform:scale(.9,1.1) translateY(-6px);transform:scale(.9,1.1) translateY(-6px);-webkit-transform-origin:center;transform-origin:center}}@keyframes bounce{0%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:center;transform-origin:center}to{-webkit-transform:scale(.9,1.1) translateY(-6px);transform:scale(.9,1.1) translateY(-6px);-webkit-transform-origin:center;transform-origin:center}}.input-btn input:focus+label,.input-btn label:hover{border:1px solid var(--border-color--input-btn--hover)}.input-btn input:checked+label{border:1px solid var(--border-color--input-btn--checked);background-color:var(--background--input-btn--checked);-webkit-box-shadow:0px 5px 10px 2px rgba(0,0,0,.05);box-shadow:0 5px 10px 2px #0000000d;-webkit-transition:border .5s ease;-o-transition:border .5s ease;transition:border .5s ease}.input-btn input.is-colour:checked+label{border:none;outline:1px solid black;outline-offset:2px}.btn-group--bw .input-btn input:checked+label{background-color:var(--background--input-btn)}.btn-group__description{color:#bcbcbc;font-size:14px;margin-bottom:0}.btn-group__description:not(.hidden){visibility:visible;opacity:1;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.btn-group__textbox{width:calc(100% - var(--inner-sm));min-height:96px;resize:none;padding:var(--inner-sm);border:1px solid var(--border-color--input-btn--checked);-webkit-box-shadow:0px 5px 10px 2px rgba(0,0,0,.05);box-shadow:0 5px 10px 2px #0000000d;-webkit-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s}.btn-group__textbox::-webkit-input-placeholder{color:#c6c6c6;font-size:14px}.btn-group__textbox::-moz-placeholder{color:#c6c6c6;font-size:14px}.btn-group__textbox:-ms-input-placeholder{color:#c6c6c6;font-size:14px}.btn-group__textbox::-ms-input-placeholder{color:#c6c6c6;font-size:14px}.btn-group__textbox::placeholder{color:#c6c6c6;font-size:14px}.button-holder{display:flex;gap:1rem;max-width:450px;padding-top:1rem}.form-group:not(.hidden)+.button-holder{max-width:100%}.form-group:not(.hidden)+.button-holder button{width:140px}.btn-next{background-color:var(--background--next-btn);border:1px solid var(--border-color--input-btn--checked);padding:var(--inner-sm) 0;font-size:14px;cursor:pointer;width:min(100%,450px)}.btn-next:hover{background-color:var(--background--next-btn--hover)}.price-card{--card-bg: #e5f2f8;--card-bg-dark: #b9dfed;--card-price-color: #e11d1d;background-color:var(--card-bg);text-align:center;-webkit-box-shadow:0px 5px 10px 2px rgba(0,0,0,.05);box-shadow:0 5px 10px 2px #0000000d;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;position:relative;-webkit-margin-before:3rem;margin-block-start:3rem}.price-card__head{background-color:var(--card-bg-dark);padding:1rem 1rem 1.5rem}.card-head__price,.card-head__price .money,.card-head__title{font-size:20px!important;font-weight:700;margin:0}.card-head__price{color:var(--card-price-color)}.price-card__body{padding:1rem 2rem 2rem;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-height:700px;height:100%;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.price-card.closed .price-card__body{max-height:0;height:0;padding-top:0;padding-bottom:0;overflow:hidden;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.card-body__title{padding-top:.625em;padding-bottom:.625em;font-size:14px;margin:0;font-weight:700}.card-body__description{padding-bottom:1em;font-size:14px}.card-body__description:last-child{padding-bottom:0}.card-body__subtext{font-size:12px}.card-body__button{background-color:#000;border:1px solid black;color:#fff;padding:.75em 2em;position:absolute;left:50%;top:calc(100% - 1.75em);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;font-size:.625rem;cursor:pointer;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.card-body__button:hover{background-color:var(--card-bg-dark);border-color:var(--card-bg-dark);color:#000;-webkit-transition:.15s ease-out;-o-transition:.15s ease-out;transition:.15s ease-out}.price-cards__wrapper .grid-item{padding-right:10px;padding-top:2rem;padding-bottom:1rem;min-width:220px;-webkit-box-flex:1;-ms-flex:1 1 min-content;flex:1 1 min-content}.disclosure-btn{padding:1em;text-decoration:underline;font-weight:700;font-size:.875rem}.price-card .disclosure-btn svg{-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:14px;height:14px;margin-left:5px}.price-card.closed .disclosure-btn svg{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}@media screen and (max-width:768px){.price-card{margin-inline:auto}}.card-head__popular-badge{--content-height: 1em;--space: .5em;--badge-offset: calc((var(--content-height) + (var(--space) * 2)) * -1 );position:absolute;top:0;font-size:14px;right:0;background:var(--card-bg);line-height:var(--content-height);-webkit-transform:translateY(var(--badge-offset));-ms-transform:translateY(var(--badge-offset));transform:translateY(var(--badge-offset));padding:var(--space)}.product-lowest-price span,.product-lowest-price{color:#b9dfed;font-weight:700}span.label__text{position:absolute;bottom:-50px}.form-group .appstle_sub_widget{display:none!important}.btn-group__subheading--secondary{position:relative}.size-tooltip{position:absolute;bottom:100%;left:0;background-color:var(--tooltip-bg);color:var(--tooltip-text-color);padding:1rem;text-align:center;z-index:1;-webkit-box-shadow:0px 5px 10px 2px rgba(0,0,0,.05);box-shadow:0 5px 10px 2px #0000000d;opacity:0;visibility:hidden;transform:translateY(10px)}.size-tooltip h5{font-size:1.25rem;margin-bottom:.5em}.size-tooltip p{font-weight:400;font-size:.875rem}.heading__tooltip-btn svg{margin-bottom:3px;margin-left:.5rem}.size-tooltip:hover,.heading__tooltip-btn:hover+.size-tooltip,.heading__tooltip-btn:focus+.size-tooltip{opacity:1;transform:translateY(0);transition:all .5s ease-out;visibility:visible}.hidden{display:none}#saved-amount-number,#saved-amount-number-2{color:#e11d1d;font-weight:700}#outfit-group .grid{column-gap:40px}
/*# sourceMappingURL=/cdn/shop/t/172/assets/mystery-box-form.css.map */