.df.df-scent-choose{padding-bottom:clamp(72px,9vw,132px)}.df-scent-choose .sc-head{text-align:center;margin-bottom:clamp(36px,4.4vw,64px)}.df-scent-choose .sc-head__h{font-family:var(--f-head);font-weight:700;font-size:clamp(34px,5vw,72px);letter-spacing:-.035em;line-height:1.02;margin:0;color:#fff}.df-scent-choose .sc-head__h em{display:inline-block;margin-top:14px;font-style:italic;font-weight:300;font-size:clamp(17px,1.7vw,24px);letter-spacing:-.01em;color:#ffffff9e}.df-scent-choose .sc-tile{appearance:none;-webkit-appearance:none;border:0;padding:0;margin:0;font:inherit;width:100%;text-align:left;cursor:pointer;background:#000}.df-scent-choose .sc-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;border:1px solid rgba(255,255,255,.08);transition:border-color .35s ease,box-shadow .35s ease}.df-scent-choose .sc-tile .fxst__img{transition:filter .5s ease,transform 1.2s cubic-bezier(.22,.7,.2,1)}.df-scent-choose .sc-grid:has(.is-on) .sc-tile:not(.is-on) .fxst__img{filter:brightness(.55) saturate(.8)}.df-scent-choose .sc-tile:hover .fxst__img{filter:none!important}.df-scent-choose .sc-tile.is-on:after{border:2px solid var(--scent-c, #fff);box-shadow:inset 0 0 60px color-mix(in srgb,var(--scent-c, #fff) 28%,transparent)}.df-scent-choose .sc-tile:focus-visible{outline:1px solid #fff;outline-offset:4px}.df-scent-choose .fxst__name,.df-scent-choose .fxst__notes{display:block}.df-scent-choose .fxst__bar{transition:width .35s ease}.df-scent-choose .sc-tile.is-on .fxst__bar{width:48px}.df-scent-choose.fxst--align .fxst__bg .df-fill{-webkit-mask-image:linear-gradient(180deg,#000 calc((var(--b-top, .23) + var(--b-h, .58)) * 100% + 3%),transparent 100%);mask-image:linear-gradient(180deg,#000 calc((var(--b-top, .23) + var(--b-h, .58)) * 100% + 3%),transparent 100%)}.df-scent-choose.fxst--align .fxst__ov{--sc-base: calc((var(--fx-top) + var(--fx-size)) * 100% + 2%);background:linear-gradient(180deg,rgba(0,0,0,0) var(--sc-base),rgba(0,0,0,.6) calc(var(--sc-base) + 10%),rgba(0,0,0,.9) calc(var(--sc-base) + 20%),#000 100%)}.df-scent-choose .sc-tile__check{position:absolute;top:14px;right:14px;z-index:4;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#00000059;transition:background-color .3s ease,border-color .3s ease}.df-scent-choose .sc-tile__check:after{content:"";position:absolute;left:10px;top:7px;width:6px;height:11px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);opacity:0;transition:opacity .3s ease}.df-scent-choose .sc-tile.is-on .sc-tile__check{background:var(--scent-c, #fff);border-color:var(--scent-c, #fff)}.df-scent-choose .sc-tile.is-on .sc-tile__check:after{opacity:1}.df-scent-choose .sc-form{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:clamp(36px,4.4vw,56px)}.df-scent-choose .sc-btn{position:relative;min-width:min(100%,420px);padding-left:40px;padding-right:40px}.df-scent-choose .sc-btn[disabled]{opacity:.5;cursor:not-allowed}.df-scent-choose .sc-btn .loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:inherit}.df-scent-choose .sc-btn .loading-overlay.hidden{display:none}@media(max-width:749px){.df-scent-choose .sc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.df-scent-choose .fxst__body{padding:16px 14px}.df-scent-choose .fxst__name{font-size:14px}.df-scent-choose .fxst__notes{font-size:10px;letter-spacing:.1em}.df-scent-choose .sc-tile__check{top:10px;right:10px;width:24px;height:24px}.df-scent-choose .sc-tile__check:after{left:8px;top:5px}.df-scent-choose .sc-btn{width:100%;padding-left:20px;padding-right:20px;letter-spacing:.12em}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/section-df-scent-choose.css.map */