.scent-selector{position:relative;z-index:6;padding:30px 16px 0}.scent-selector .scent-selector__label{display:block;font-size:16px;text-transform:uppercase;padding-bottom:16px}.scent-selector .scent-selector__box{border:1px solid #000;border-radius:18px;position:relative;background-color:#fff}.scent-selector .scent-selector__trigger{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.scent-selector .scent-selector__current{grid-template-columns:13px calc(100% - 57px) 20px}.scent-selector .scent-selector__current .notes{text-transform:none}.scent-selector .item{display:grid;column-gap:12px;position:relative;text-decoration:none;color:inherit;padding:16px;box-sizing:border-box;width:100%;grid-template-columns:13px 1fr auto}.scent-selector .item:hover{color:inherit}.scent-selector .scent-selector__slot{border:1px solid #000;background:transparent;border-radius:14px;padding:0;margin:3px 0 0;width:14px;height:14px;display:inline-block;box-sizing:border-box;position:relative;z-index:1}.scent-selector .scent-selector__options .item{border-top:1px solid #000;background-color:#f0f0f0}.scent-selector .scent-selector__options .item.is-current{background-color:#fff}.scent-selector .scent-selector__options .item:first-child{border-top:0}.scent-selector .title{grid-column-start:2;font-size:15px;font-style:normal;font-weight:400;line-height:140%;text-transform:capitalize}.scent-selector .title:before{content:"";position:absolute;top:12px;left:9px;width:27px;height:27px;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:0;transition:opacity .2s ease-in-out}.scent-selector .description,.scent-selector .notes,.scent-selector .tags{grid-column-start:2;font-family:Messina Sans Mono Web,monospace;font-size:10px;line-height:140%;margin-top:4px;white-space:normal}.scent-selector .description,.scent-selector .tags{text-transform:uppercase}.scent-selector .tags{grid-column-start:3;grid-row-start:2;align-self:flex-start}.scent-selector .scent-selector__caret{grid-column-start:3;grid-row-start:1;align-self:center;justify-self:center;grid-row-end:4}.scent-selector .scent-selector__caret .icon{transform:rotate(0);width:20px;transition:transform .2s ease-in-out}.scent-selector.is-open .scent-selector__caret .icon{transform:rotate(180deg)}.scent-selector .scent-selector__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:999}.scent-selector .scent-selector__panel{z-index:1000}.scent-selector .scent-selector__options{display:block}.scent-selector .scent-selector__panel-header{display:none}.scent-selector .scent-selector__close{border:0;background:transparent;cursor:pointer}.scent-selector .item[data-scent-selector-option] .title:before,.scent-selector .scent-selector__current .title:before{opacity:1}.scent-selector .item[data-scent-selector-option][data-fragrance] .title:before,.scent-selector .scent-selector__current[data-fragrance] .title:before{background-image:url(scent-default.png)}.scent-selector .item[data-scent-selector-option][data-fragrance=milk] .title:before,.scent-selector .scent-selector__current[data-fragrance=milk] .title:before{background-image:url(scent-milk.png)}.scent-selector .item[data-scent-selector-option][data-fragrance=rocco-mint] .title:before,.scent-selector .scent-selector__current[data-fragrance=rocco-mint] .title:before{background-image:url(scent-rocco-mint.png)}.scent-selector .item[data-scent-selector-option][data-fragrance=red-dakota] .title:before,.scent-selector .scent-selector__current[data-fragrance=red-dakota] .title:before{background-image:url(scent-red-dakota.png)}.scent-selector .item[data-scent-selector-option][data-fragrance=madonna-lilly] .title:before,.scent-selector .item[data-scent-selector-option][data-fragrance=madonna-lily] .title:before,.scent-selector .scent-selector__current[data-fragrance=madonna-lilly] .title:before,.scent-selector .scent-selector__current[data-fragrance=madonna-lily] .title:before{background-image:url(scent-madonna-lily.png)}.scent-selector .item[data-scent-selector-option][data-fragrance=smiley-face-garden] .title:before,.scent-selector .scent-selector__current[data-fragrance=smiley-face-garden] .title:before{background-image:url(scent-smiley-face-garden.png)}.scent-selector .item[data-scent-selector-option][data-fragrance=fragrance-05-spring] .title:before,.scent-selector .item[data-scent-selector-option][data-fragrance="05-spring"] .title:before,.scent-selector .scent-selector__current[data-fragrance=fragrance-05-spring] .title:before,.scent-selector .scent-selector__current[data-fragrance="05-spring"] .title:before{background-image:url(scent-fragrance-05-spring.png)}.scent-selector .item[data-scent-selector-option][data-fragrance=xtra-milk] .title:before,.scent-selector .scent-selector__current[data-fragrance=xtra-milk] .title:before{background-image:url(scent-xtra-milk.png)}.scent-selector .item[data-scent-selector-option][data-fragrance=fragrance-04] .title:before,.scent-selector .scent-selector__current[data-fragrance=fragrance-04] .title:before{background-image:url(scent-fragrance-04.png)}.scent-selector .item[data-scent-selector-option][data-fragrance=fragrance-03-blonde] .title:before,.scent-selector .item[data-scent-selector-option][data-fragrance="03-blonde"] .title:before,.scent-selector .scent-selector__current[data-fragrance=fragrance-03-blonde] .title:before,.scent-selector .scent-selector__current[data-fragrance="03-blonde"] .title:before{background-image:url(scent-fragrance-03-blonde.png)}.scent-selector .item[data-scent-selector-option][data-fragrance=fragrance-02] .title:before,.scent-selector .scent-selector__current[data-fragrance=fragrance-02] .title:before{background-image:url(scent-fragrance-02.png)}.scent-selector .item[data-scent-selector-option][data-fragrance=fragrance-01-taunt] .title:before,.scent-selector .item[data-scent-selector-option][data-fragrance="01-taunt"] .title:before,.scent-selector .scent-selector__current[data-fragrance=fragrance-01-taunt] .title:before,.scent-selector .scent-selector__current[data-fragrance="01-taunt"] .title:before{background-image:url(scent-fragrance-01-taunt.png)}.scent-selector .item[data-scent-selector-option][data-fragrance=picnic-in-a-meadow] .title:before,.scent-selector .scent-selector__current[data-fragrance=picnic-in-a-meadow] .title:before{background-image:url(scent-fragrance-01-taunt.png)}.scent-selector .item[data-scent-selector-option][data-fragrance=melrose-place] .title:before,.scent-selector .scent-selector__current[data-fragrance=melrose-place] .title:before{background-image:url(scent-melorse-place.png)}.scent-selector .item[data-scent-selector-option][data-fragrance=sunlit-blooms] .title:before,.scent-selector .scent-selector__current[data-fragrance=sunlit-blooms] .title:before{background-image:url(scent-sunlit-blooms.png)}.scent-selector .item[data-scent-selector-option][data-fragrance=north-bondi] .title:before,.scent-selector .scent-selector__current[data-fragrance=north-bondi] .title:before{background-image:url(scent-north-bondi.png)}.scent-selector .item[data-scent-selector-option][data-fragrance=aura] .title:before,.scent-selector .scent-selector__current[data-fragrance=aura] .title:before{background-image:url(scent-aura.png)}.scent-selector .item[data-scent-selector-option][data-fragrance=instant-vacation] .title:before,.scent-selector .scent-selector__current[data-fragrance=instant-vacation] .title:before{background-image:url(scent-aura.png)}.scent-selector .item[data-scent-selector-option][data-fragrance=mochi-milk] .title:before,.scent-selector .scent-selector__current[data-fragrance=mochi-milk] .title:before{background-image:url(scent-mochi-milk.png)}.scent-selector .item[data-scent-selector-option][data-fragrance=the-milk-family] .title:before,.scent-selector .scent-selector__current[data-fragrance=the-milk-family] .title:before{background-image:url(scent-mochi-milk.png)}.scent-selector .item[data-scent-selector-option][data-fragrance=freepeople] .title:before,.scent-selector .scent-selector__current[data-fragrance=freepeople] .title:before{background-image:url(scent-freepeople.png)}.scent-selector .item[data-scent-selector-option][data-fragrance=mineral-milk] .title:before,.scent-selector .scent-selector__current[data-fragrance=mineral-milk] .title:before{background-image:url(scent-mineral-milk.png)}.scent-selector .item[data-scent-selector-option][data-fragrance=sleep-mode] .title:before,.scent-selector .scent-selector__current[data-fragrance=sleep-mode] .title:before{background-image:url(scent-sleep-mode.png)}@media only screen and (min-width:768px){.scent-selector{padding:32px 32px 8px}.scent-selector .scent-selector__overlay{display:none!important}.scent-selector .scent-selector__panel{position:absolute;left:-1px;right:0;top:100%;margin-top:0;border:1px solid #000;border-top:0;border-radius:0 0 18px 18px;max-height:350px;overflow:auto;overflow-x:hidden;box-sizing:border-box;background:#fff;width:calc(100% + 2px);-webkit-overflow-scrolling:touch}.scent-selector.is-open .scent-selector__box{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0}.scent-selector .scent-selector__panel-header{display:none}.scent-selector .scent-selector__current{border-bottom:0}.scent-selector.is-open .scent-selector__current{border-bottom:1px solid #000}.main-product.bundle-product:has(product-scent-selector) .product__options-wrapper{min-height:575px;max-height:650px;overflow:auto}.main-product.bundle-product:has(product-scent-selector) .product__options-wrapper .product-form__buttons{position:sticky;bottom:0}}@media only screen and (max-width:767px){.scent-selector .scent-selector__panel{position:fixed;left:0;right:0;bottom:0;max-height:70vh;overflow:auto;overflow-x:hidden;border-radius:18px 18px 0 0;z-index:1000;background:#fff;-webkit-overflow-scrolling:touch}.scent-selector .scent-selector__panel .scent-selector__panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #000;position:sticky;top:0;z-index:1;padding:12px}.scent-selector .scent-selector__panel .scent-selector__panel-header .scent-selector__panel-title{font-size:16px}.scent-selector .scent-selector__panel .scent-selector__close .icon{width:20px}.scent-selector .scent-selector__current{border-bottom:0}.scent-selector.is-open .scent-selector__current{border-bottom:1px solid #000}body.scent-selector--open-mobile .section-header,body.scent-selector--open-mobile .product-form__buttons{z-index:0!important}}
/*# sourceMappingURL=/cdn/shop/t/229/assets/section-product-scent-selector.css.map */