@property --button-color-01{syntax: "<color>"; inherits: false; initial-value: #9B609B;}@property --button-color-02{syntax: "<color>"; inherits: false; initial-value: #793879;}@keyframes fade{to{opacity:0}}@font-face{font-family:DMSans;src:url(DMSans-VariableFont_opszwght.cc9d420a560ee774.ttf) format("truetype");font-weight:100 1000;font-style:normal}app-product{transition:opacity .3s calc(var(--index) * .1s) ease-out,transform .2s calc(var(--index) * .1s) ease-out}app-product img,app-product .brand-name,app-product .product-name,app-product .product-prices{transition:opacity .3s ease-out}app-product.change{opacity:0;transform:translateY(20px);transition:opacity .1s ease-in,transform .1s ease-in}app-product.change .image,app-product.change img,app-product.change .brand-name,app-product.change .product-name,app-product.change .product-prices{opacity:0;transition:opacity .1s ease-in}app-product.change .button-primary span{opacity:0}.description{transition:opacity .3s ease-out,transform 0s linear}.description.change{opacity:0;transform:translateY(-4px);transition:opacity 0s ease-in,transform 0s ease-in}app-campaign-banner{transition:opacity .3s ease-out,transform .1s ease-in}app-campaign-banner.change{opacity:0;transform:translateY(2px);transition:opacity 0s ease-in,transform 0s ease-in}:root{--overshoot-ease: linear(0, .544 5.5%, .947 11.5%, 1.213 18.1%, 1.298 21.7%, 1.352 25.5%, 1.372 28.2%, 1.379 31.1%, 1.374 34.2%, 1.357 37.6%, 1.307 43.7%, 1.121 61.8%, 1.074 67.8%, 1.04 73.7%, 1.007 84.7%, 1);--ease-out: cubic-bezier(0, .71, .6, 1)}*{box-sizing:border-box;font-synthesis:none}html{font-size:16px;background:linear-gradient(to bottom,#fef1f520,#f4e0ff20),linear-gradient(to bottom,#fff,#fff);background-attachment:fixed;color:#2e2e2e;min-width:320px}body{font-family:DMSans,sans-serif;margin:0}h3{font-family:DMSans,sans-serif;font-size:1.5rem;line-height:1;font-weight:600;color:#a267a2}.paragraph-1{font-family:DMSans,sans-serif;font-size:17px;line-height:1.5;font-weight:400;color:#2e2e2e}a{text-decoration:none}.button-primary{-webkit-tap-highlight-color:transparent;font-family:DMSans,sans-serif;font-weight:500;max-height:48px;padding:12px 16px;cursor:pointer;font-size:16px;line-height:1;display:inline-flex;justify-content:center;align-items:center;text-align:center;border:1px solid;border-radius:4px;border:1px solid #9B609B;border-bottom-color:#8f4e8f;background:#995a99;color:#fff;position:relative;z-index:1;line-height:1.1;transition:background .2s cubic-bezier(.15,0,.05,1)}.button-primary:first-letter{text-transform:capitalize}.button-primary[hidden]{visibility:hidden}.button-primary[disabled]{cursor:default}.button-primary:hover:before,.button-primary[disabled]:before{height:100%}.button-primary[disabled],.button-primary[disabled]:before,.button-primary[disabled]:active{background:#c5c6cc;border-color:#c5c6cc;color:#ececee}.button-primary:active{z-index:auto;background:color-mix(in srgb,#793879 90%,#2E2E2E 10%)}.button-primary[disabled],.button-primary[disabled]:before{z-index:auto}.button-tertiary{-webkit-tap-highlight-color:transparent;font-family:DMSans,sans-serif;font-weight:500;max-height:48px;padding:12px 16px;cursor:pointer;font-size:16px;line-height:1;display:inline-flex;justify-content:center;align-items:center;text-align:center;border:1px solid;border-radius:4px;border:1px solid #C5C6CC;background:transparent;color:#2e2e2e;position:relative;z-index:1}.button-tertiary:first-letter{text-transform:capitalize}.button-tertiary[hidden]{visibility:hidden}.button-tertiary[disabled]{cursor:default}.button-tertiary[disabled],.button-tertiary[disabled]:before,.button-tertiary[disabled]:active{background:#c5c6cc;border-color:#c5c6cc;color:#ececee}.button-tertiary:after{content:"";position:absolute;inset:0;background:transparent;z-index:-2;border-radius:4px}.button-tertiary:active{border-color:#71727a}.button-tertiary:hover:before,.button-tertiary[disabled]:before{height:100%}.button-tertiary[disabled],.button-tertiary[disabled]:before{background:#c5c6cc;border-color:#c5c6cc;color:#ececee}.button-secondary{-webkit-tap-highlight-color:transparent;font-family:DMSans,sans-serif;font-weight:500;max-height:48px;padding:12px 16px;cursor:pointer;font-size:16px;line-height:1;display:inline-flex;justify-content:center;align-items:center;text-align:center;border:1px solid;border-radius:4px;border:1px solid #C5C6CC;background:transparent;color:#2e2e2e;position:relative;z-index:1;border:2px solid #2E2E2E}.button-secondary:first-letter{text-transform:capitalize}.button-secondary[hidden]{visibility:hidden}.button-secondary[disabled]{cursor:default}.button-secondary[disabled],.button-secondary[disabled]:before,.button-secondary[disabled]:active{background:#c5c6cc;border-color:#c5c6cc;color:#ececee}.button-secondary:after{content:"";position:absolute;inset:0;background:transparent;z-index:-2;border-radius:4px}.button-secondary:active{border-color:#71727a}.button-secondary:hover:before,.button-secondary[disabled]:before{height:100%}.button-secondary[disabled],.button-secondary[disabled]:before{background:#c5c6cc;border-color:#c5c6cc;color:#ececee}.button-secondary:active{border-color:#2e2e2e}.form-input{display:flex;flex-direction:column;margin-bottom:8px}.form-input label{font-family:DMSans,sans-serif;color:#b47ab4;font-size:10px;line-height:1;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase;font-weight:600}.form-input input{outline:none;height:32px;width:inherit;padding:8px;font-family:DMSans,sans-serif;font-size:15px;font-weight:400;border:1px solid #71727A40;border-radius:4px}.form-input--valid input{border:2px solid #B47AB4}.form-input--valid input:focus{outline:none;box-shadow:0 0 0 3px #eed3ee}.form-input--invalid input{border:1px solid #71727A40}.form-input--invalid input:focus{border:2px solid #E74C3C;box-shadow:0 0 0 3px #e74c3c66}.form-input+.password input{position:relative;border-left:1px solid #71727A40;border-top:1px solid #71727A40;border-bottom:1px solid #71727A40;border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.form-input+.password .password-container{display:inline-flex;width:100%;border-radius:4px}.form-input+.password .show-password{padding:11px 12px 8px;background:#fff;border-right:1px solid #71727A40;border-top:1px solid #71727A40;border-bottom:1px solid #71727A40;border-left:none;border-radius:0 4px 4px 0}.form-input+.password--valid input{border-left:2px solid #B47AB4;border-top:2px solid #B47AB4;border-bottom:2px solid #B47AB4;border-right:none}.form-input+.password--valid input:focus{border-left:2px solid #B47AB4;border-top:2px solid #B47AB4;border-bottom:2px solid #B47AB4;border-right:none;box-shadow:unset}.form-input+.password--valid .password-container:has(input:focus){box-shadow:0 0 0 3px #eed3ee}.form-input+.password--valid .password-container:has(input:focus) .show-password{border-right:2px solid #B47AB4;border-top:2px solid #B47AB4;border-bottom:2px solid #B47AB4;border-left:none}.form-input+.password--valid .show-password{border-right:2px solid #B47AB4;border-top:2px solid #B47AB4;border-bottom:2px solid #B47AB4;border-left:none}.form-input+.password--invalid input{border-left:1px solid #71727A40;border-top:1px solid #71727A40;border-bottom:1px solid #71727A40;border-right:none}.form-input+.password--invalid input:focus{outline:none;border-left:2px solid #E74C3C;border-top:2px solid #E74C3C;border-bottom:2px solid #E74C3C;border-right:none;box-shadow:unset}.form-input+.password--invalid .show-password{border-right:1px solid #71727A40;border-top:1px solid #71727A40;border-bottom:1px solid #71727A40;border-left:none}.form-input+.password--invalid .password-container:has(input:focus){box-shadow:0 0 0 3px #e74c3c66}.form-input+.password--invalid .password-container:has(input:focus) .show-password{border-right:2px solid #E74C3C;border-top:2px solid #E74C3C;border-bottom:2px solid #E74C3C;border-left:none}.toggle-switch-container{display:inline-flex;align-items:center;justify-content:space-between;gap:8px}.toggle-switch-container .switch{position:relative;display:inline-block;width:48px;height:28px;margin-bottom:0!important}.toggle-switch-container .switch input{opacity:0;width:0;height:0}.toggle-switch-container .switch input:checked+.slider{background-color:#a267a2}.toggle-switch-container .switch input:checked+.slider:before{transform:translate(20px)}.toggle-switch-container .switch input:checked+.slider:after{transform:translate(20px);opacity:1;transition:opacity .6s ease}.toggle-switch-container .switch input:focus+.slider{box-shadow:0 0 1px #a267a2}.toggle-switch-container .switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#c5c6cc;transition:.2s;border-radius:14px}.toggle-switch-container .switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.2s;border-radius:50%}.toggle-switch-container .switch .slider:after{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background:url('data:image/svg+xml;utf8,<svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.375 4.34704L4.54108 7.51317C4.65245 7.62589 4.78508 7.71544 4.93129 7.77649C5.07751 7.83754 5.2344 7.86904 5.39286 7.86904C5.55138 7.86904 5.7082 7.83754 5.85445 7.77649C6.00062 7.71544 6.13322 7.62589 6.24467 7.51317L12.625 1.13281" stroke="%23A267A2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;opacity:0;transition:opacity .1s ease}.scrolling-wrapper{display:flex;flex-direction:row;scroll-snap-type:x mandatory;overflow-y:hidden;overflow-x:scroll;flex:1;height:100%;-ms-overflow-style:none;scrollbar-width:none}.scrolling-wrapper::-webkit-scrollbar{display:none}.scrolling-wrapper>*{scroll-snap-align:start;scroll-snap-stop:always}.scrollbar{height:48px;display:flex;flex-direction:row;align-items:center;padding:0 16px;overflow:hidden}.scrollbar__block{height:1px;background-color:#c5c6cc80;flex-grow:1}.scrollbar__block--active{height:8px}@media (min-width: 753px) and (max-width: 991px),(min-width: 992px){.scrolling-wrapper{max-width:1216px;margin:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));column-gap:24px;row-gap:32px;height:fit-content;min-height:unset}}@media (min-width: 753px) and (max-width: 991px) and (min-width: 753px) and (max-width: 991px),(min-width: 992px) and (min-width: 753px) and (max-width: 991px){.scrolling-wrapper{padding-bottom:16px}}.back-navigation{display:grid;place-items:center;background-color:transparent;border:none;padding:0;width:fit-content;height:18px;cursor:pointer;font-family:DMSans,sans-serif;line-height:1;color:#2e2e2e;z-index:99}.logo-simple{border:none;background:url(what_to_wear_simple_logo.aa02cc3ccf21f0a9.svg) no-repeat center}.logo{background:url(what_to_wear_logo.d9c25c80f04ef3c3.svg) no-repeat center}.logo-horizontal{background:url(what_to_wear_logo_horizontal.80c32d8154082b4d.svg) no-repeat center}.logo-white{background:url(what_to_wear_white_logo.b41b38b779b6ac74.svg) no-repeat center}@media (min-width: 992px){.hide-for-desktop{display:none!important}}@media (min-width: 753px) and (max-width: 991px){.hide-for-tablet{display:none!important}}@media (max-width: 767px){.hide-for-mobile{display:none!important}}.product .product-details .product-prices .price{display:flex;align-items:flex-start;margin-block:0}.product .product-details .product-prices .price .num-currency,.product .product-details .product-prices .price .num-decimal{display:none}.product .product-details .product-prices .price .num-fraction{font-size:.5em;font-weight:900;margin-left:1px}.particle{position:absolute;inset:0;width:var(--size);height:var(--size);margin:auto;border-radius:50%;pointer-events:none;animation:disperse .4s forwards var(--ease-out)}@keyframes fromShrunken{0%{transform:scale(0)}}@keyframes shake{10%,90%{transform:rotate(-1deg)}20%,80%{transform:rotate(2deg)}30%,50%,70%{transform:rotate(-4deg)}40%,60%{transform:rotate(4deg)}}@keyframes disperse{to{opacity:0;transform:translate(calc(cos(var(--angle)) * var(--distance)),calc(sin(var(--angle)) * var(--distance)))}}