.highlights{position:relative;padding-top:var(--PT);padding-bottom:var(--PB);background:var(--bg)}.highlights__container{margin-left:0}.highlights__items{--gap: calc(var(--gutter) / 2);--gap-offset: calc(var(--gutter-offset) / 2);display:flex;flex-wrap:wrap;justify-content:left;margin:0 var(--gap-offset) var(--gutter-offset)}@media only screen and (max-width:1199px){.highlights__items{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;margin-bottom:0;margin-left:calc(var(--gap-offset) + var(--outer-offset));margin-right:calc(var(--gap-offset) + var(--outer-offset));padding-left:var(--outer);scroll-padding-inline-start:var(--outer)}.highlights__items::-webkit-scrollbar{display:none}.highlights__item{flex:0 0 auto;width:140px;padding:0 5px;margin-bottom:0;scroll-snap-align:start}.highlights__items:after{content:"";flex:0 0 var(--outer);min-width:var(--outer);display:block}}@media only screen and (min-width:1200px){.highlights__items--desktop-slider{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;margin-bottom:0;margin-left:calc(var(--gap-offset) + var(--outer-offset));margin-right:calc(var(--gap-offset) + var(--outer-offset));padding-left:var(--outer);scroll-padding-inline-start:var(--outer)}.highlights__items--desktop-slider::-webkit-scrollbar{display:none}.highlights__items--desktop-slider .highlights__item{flex:0 0 auto;margin-bottom:0;scroll-snap-align:start}.highlights__items--desktop-slider .highlights__item:not(.highlights__item--circle){width:calc(100% / var(--columns-desktop, 6))}.highlights__items--desktop-slider:after{content:"";flex:0 0 var(--outer);min-width:var(--outer);display:block}}.highlights__item{--btn-bg: var(--BTN-PRIMARY-BG);--btn-text: var(--BTN-PRIMARY-TEXT);--btn-border: var(--border);--btn-bg-hover: var(--bg-brighter, transparent);--btn-text-hover: var(--text);--btn-border-hover: transparent;--column-default: 1;--width-desktop: 100% / var(--columns-desktop, var(--column-default));--width-tablet: 100% / var(--columns-medium, var(--column-default));--width-mobile: 100% / var(--columns-mobile, var(--column-default));--width-small: 100% / var(--columns-small, var(--column-default));--width: var(--width-desktop);flex-basis:calc(var(--width, 100%));position:relative;padding:0 var(--gap);margin-bottom:var(--gutter);text-align:center}@media only screen and (min-width:990px){.highlights__item{--width: var(--width-desktop)}}@media only screen and (min-width:750px)and (max-width:989px){.highlights__item{--width: var(--width-tablet)}}@media only screen and (max-width:749px){.highlights__item{--width: var(--width-small)}}@media only screen and (max-width:479px){.highlights__item{--width: var(--width-mobile)}}.highlights__item-inner{min-height:100%;color:var(--btn-text)}.highlights__item--button{overflow:hidden}.highlights__item__background{position:relative;width:100%;min-height:inherit;padding-bottom:100%;overflow:hidden;background:var(--btn-bg)}.highlights__item__background--border{border:2px solid var(--btn-border)}.highlights__item__background--border .image-overlay{background-color:transparent}.highlights__item__background figure img{padding:4px;border-radius:50%}.highlights__item--rectangle .highlights__item__background{padding-bottom:75%}.highlights__item--circle{flex:0 0 auto;width:120px;padding:0 10px}.highlights__item--circle .highlights__item__background{z-index:0;border-radius:50%;padding-bottom:0;width:100px;height:100px;margin:0 auto}.template-collection-colour-me .highlights__item--circle{padding-top:8px}.template-collection-colour-me .highlights__item--circle .highlights__item__background{background:transparent;overflow:visible;box-shadow:0 0 0 6px var(--bg),0 0 0 8px #e3deda}.template-collection-colour-me .highlights__item--circle .highlights__item__content{color:#212121;padding-top:14px}.template-collection-colour-me .highlights__item--circle[data-scent-filter].is-active .highlights__item__background,.template-collection-colour-me .highlights__item--circle [data-scent-filter].is-active .highlights__item__background{box-shadow:0 0 0 6px var(--bg),0 0 0 8px #000}.template-collection-colour-me .highlights__container{overflow:visible}.highlights__item__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%;padding:4px}.highlights__item--has-media .highlights__item-inner{display:flex;flex-direction:column;align-items:center}.highlights__item--has-media .highlights__item__content{position:relative;top:auto;left:auto;width:100%;max-width:100%;transform:none;text-align:center;padding:10px 4px 0;overflow:visible}.highlights__item--button .btn{--btn-border: transparent;--btn-border-hover: transparent;min-width:100%;border-radius:0;height:40px}.highlights__item--button .btn:after{z-index:1}.highlights__item--button .btn.is-disabled:after{content:none}.highlights__item--button .highlights__item__content{display:flex;align-items:center;justify-content:center;position:relative;top:auto;left:auto;overflow:visible;width:auto;padding:0;transform:none;font-size:16px}.highlights__item--button .highlights__item__background{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;background-color:transparent;border:none}.highlights__item .image-wrapper{position:absolute;top:0;left:0;width:100%}.highlights__item__content{position:absolute;top:50%;left:50%;z-index:10;max-width:100%;width:max-content;margin:0;padding:var(--inner);overflow:hidden;transform:translate(-50%,-50%)}.highlights__item-link{--link: var(--btn-text);--link-hover: var(--btn-text)}.template-collection-milton-lloyd .highlights__item--button .highlights__item-inner{--btn-bg-hover: #212121;--btn-text-hover: #ffffff;--btn-border-hover: #212121;display:flex;align-items:center;justify-content:center;width:120px;min-width:120px;height:auto;padding:10px;border:1px solid var(--btn-border, #212121);transition:background .2s ease,color .2s ease,border-color .2s ease}.template-collection-milton-lloyd .highlights__item--button .highlights__item-inner:hover,.template-collection-milton-lloyd .highlights__item--button .highlights__item-inner:focus-visible{background:var(--btn-bg-hover);color:var(--btn-text-hover);border-color:var(--btn-border-hover)}@media only screen and (max-width:749px){.template-collection-milton-lloyd .highlights__items--mobile-slider .highlights__item{width:auto;padding:0}}body.template-collection:not([class*=template-collection-]) .highlights__item--button .highlights__item-inner{--btn-bg-hover: #212121;--btn-text-hover: #ffffff;--btn-border-hover: #212121;display:flex;align-items:center;justify-content:center;width:100%;min-width:unset;height:auto;padding:10px;white-space:nowrap;border:1px solid var(--btn-border, #212121);transition:background .2s ease,color .2s ease,border-color .2s ease}body.template-collection:not([class*=template-collection-]) .highlights__item--button .highlights__item__content span{font-size:clamp(12px,1vw,15px);white-space:nowrap}@media only screen and (max-width:749px){body.template-collection:not([class*=template-collection-]) .highlights__item--button{flex:0 0 120px;width:120px;min-width:120px;max-width:120px;padding:0;overflow:visible}body.template-collection:not([class*=template-collection-]) .highlights__item--button .highlights__item-inner{display:flex;align-items:center;justify-content:center;width:100%;min-width:unset;height:auto;padding:10px;white-space:nowrap}body.template-collection:not([class*=template-collection-]) .highlights__items--mobile-slider{flex-wrap:nowrap;overflow-x:auto;gap:10px}}.template-collection-perfumers-choice .highlights__item--button .highlights__item-inner{display:flex;align-items:center;justify-content:center;height:auto;padding:10px;border:1px solid var(--btn-border, #d4d4d4);font-size:13px;font-weight:400;letter-spacing:.13px;text-transform:uppercase;transition:border-color .2s ease}.template-collection-perfumers-choice .highlights__item--button .highlights__item-inner:hover,.template-collection-perfumers-choice .highlights__item--button .highlights__item-inner:focus-visible{border-color:#000}.template-collection-perfumers-choice .highlights__item--button .highlights__item__content{font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit}@media only screen and (max-width:749px){.template-collection-perfumers-choice .highlights__item--button .highlights__item-inner{width:140px;min-width:140px}}@media only screen and (min-width:750px){.highlights__items:has(.highlights__item--filter){justify-content:space-between;flex-wrap:nowrap;align-items:center}.highlights__item--filter,.highlights__item--sort{flex:0 0 auto;width:auto;margin-bottom:0}.highlights__item--filter .popout__toggle,.highlights__item--sort .popout__toggle{margin:0;border:1px solid var(--border);background:var(--bg);border-radius:0}.highlights__item--filter .popout--group,.highlights__item--sort .popout--sort{display:block}}.template-collection-colour-me .highlights__item__content,.template-page-colour-me .highlights__item__content,.template-product-colour-me .highlights__item__content{font-size:14px;font-weight:600;text-transform:uppercase}[data-scent-filter-section] [data-scent-filter].btn.is-active{background-color:var(--btn-bg-hover, #000)!important;color:var(--btn-text-hover, #fff)!important;border-color:var(--btn-border-hover, #000)!important}[data-scent-filter-section] [data-scent-filter]:not(.btn){appearance:none;-webkit-appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-align:inherit;width:100%;display:block}
/*# sourceMappingURL=/cdn/shop/t/32/assets/highlights.css.map */
