@property --cta-border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes cta-border-spin{to{--cta-border-angle: 360deg}}.am-pm-serum-gallery{background:transparent;margin-bottom:60px}.am-pm-serum-gallery .am-pm-serum-gallery__variant{display:none;flex-direction:column;position:relative;overflow:hidden}body.ampm-mode-am .am-pm-serum-gallery .am-pm-serum-gallery__variant--am,body.ampm-mode-pm .am-pm-serum-gallery .am-pm-serum-gallery__variant--pm{display:flex}.am-pm-serum-gallery .am-pm-serum-gallery__variant--pm{background:transparent}.am-pm-serum-gallery .am-pm-serum-gallery__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}.am-pm-serum-gallery .am-pm-serum-gallery__bg--desktop{display:none}@media(min-width:991px){.am-pm-serum-gallery .am-pm-serum-gallery__bg--desktop{display:block}.am-pm-serum-gallery .am-pm-serum-gallery__bg--mobile{display:none}}.am-pm-serum-gallery .am-pm-serum-gallery__collage{display:grid;position:relative;z-index:1;order:1;grid-template-columns:5fr 6fr;grid-template-rows:auto auto;gap:3rem;padding:0 3.2rem 0 2.7rem;margin-top:24px}.am-pm-serum-gallery .am-pm-serum-gallery__collage .frame-2{grid-column:1;grid-row:1}.am-pm-serum-gallery .am-pm-serum-gallery__collage .frame-3{grid-column:1;grid-row:2}.am-pm-serum-gallery .am-pm-serum-gallery__collage .frame-4{grid-column:2;grid-row:1 / span 2;margin:5.7rem 0}.am-pm-serum-gallery .am-pm-serum-gallery__collage .frame-4 .am-pm-serum-gallery__media-wrap{flex:1}.am-pm-serum-gallery .am-pm-serum-gallery__frame{display:flex;flex-direction:column;gap:.8rem;position:relative}.am-pm-serum-gallery .am-pm-serum-gallery__media-wrap{position:relative;overflow:hidden;border-radius:1.2rem;width:100%}.am-pm-serum-gallery .am-pm-serum-gallery__variant--am .am-pm-serum-gallery__collage .am-pm-serum-gallery__media-wrap{border:1px solid rgba(18,18,18,.1)}.am-pm-serum-gallery .am-pm-serum-gallery__variant--am .am-pm-serum-gallery__collage .frame-2 .am-pm-serum-gallery__media-wrap,.am-pm-serum-gallery .am-pm-serum-gallery__variant--am .am-pm-serum-gallery__collage .frame-3 .am-pm-serum-gallery__media-wrap,.am-pm-serum-gallery .am-pm-serum-gallery__variant--pm .am-pm-serum-gallery__collage .frame-2 .am-pm-serum-gallery__media-wrap,.am-pm-serum-gallery .am-pm-serum-gallery__variant--pm .am-pm-serum-gallery__collage .frame-3 .am-pm-serum-gallery__media-wrap{aspect-ratio:1 / 1}.am-pm-serum-gallery .am-pm-serum-gallery__frame.frame-1 .am-pm-serum-gallery__media-wrap{border:1px solid rgba(18,18,18,.1);padding:1.8rem}.am-pm-serum-gallery .am-pm-serum-gallery__variant--pm .frame-1 .am-pm-serum-gallery__media-wrap{border:1px solid #ffffff26;padding:1.8rem}.am-pm-serum-gallery .am-pm-serum-gallery__frame.frame-5{position:relative;z-index:1;order:2;width:calc(100% - 6.8rem);margin:0 3rem}.am-pm-serum-gallery .am-pm-serum-gallery__frame.frame-5 .am-pm-serum-gallery__media-wrap{aspect-ratio:16 / 9}.am-pm-serum-gallery .am-pm-serum-gallery__title-wrap{position:relative;z-index:1;order:3;padding:1.2rem 1.6rem 1.6rem;text-align:center}.am-pm-serum-gallery .am-pm-serum-gallery__frame.frame-1{position:relative;z-index:1;order:4;width:71%;margin:0 auto}.am-pm-serum-gallery .am-pm-serum-gallery__frame.frame-1 .am-pm-serum-gallery__media-wrap{aspect-ratio:4 / 5}.am-pm-serum-gallery .am-pm-serum-gallery__media{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}.am-pm-serum-gallery .am-pm-serum-gallery__label{font-family:Segma;font-size:1.2rem;font-weight:400;letter-spacing:.1rem;text-transform:uppercase;text-align:center;white-space:nowrap}.am-pm-serum-gallery .am-pm-serum-gallery__title{font-family:Segma-bold,sans-serif;font-size:2.4rem;font-weight:900;line-height:1.2;letter-spacing:-.072rem;margin:0}.am-pm-serum-gallery .am-pm-serum-gallery__subtitle{font-family:Segma-bold,sans-serif;font-size:1.4rem;font-weight:900;letter-spacing:-.044rem;margin:0}.am-pm-serum-gallery .am-pm-serum-gallery__subtitle--badge{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap}.am-pm-serum-gallery .am-pm-serum-gallery__aox-icon{display:inline-block;height:1.2rem;width:auto;vertical-align:middle;object-fit:contain}.am-pm-serum-gallery .am-pm-serum-gallery__aox-tm{font-size:1.16rem;vertical-align:super;line-height:0}.am-pm-serum-gallery .am-pm-serum-gallery__cta-wrap{display:flex;position:relative;z-index:1;order:5;justify-content:center;padding:2.4rem 1.6rem}.am-pm-serum-gallery .am-pm-serum-gallery__cta-ring{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.6rem;border:1px solid;border-radius:99rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.am-pm-serum-gallery .am-pm-serum-gallery__cta{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.6rem;font-family:Segma-semibold,sans-serif;font-size:1.4rem;font-weight:600;letter-spacing:.096rem;text-decoration:none;border:none;border-radius:14.85rem;transition:background-color .25s ease,color .25s ease;animation:none}.am-pm-serum-gallery .am-pm-serum-gallery__cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;border-radius:14.85rem;background:conic-gradient(from var(--cta-border-angle),#011E62 0%,#011E62 25%,#FFF 74.52%,#011E62 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:cta-border-spin 1.5s linear infinite}.am-pm-serum-gallery .am-pm-serum-gallery__variant--am .am-pm-serum-gallery__title,.am-pm-serum-gallery .am-pm-serum-gallery__variant--am .am-pm-serum-gallery__subtitle,.am-pm-serum-gallery .am-pm-serum-gallery__variant--am .am-pm-serum-gallery__label{color:#011e62}.am-pm-serum-gallery .am-pm-serum-gallery__variant--am .am-pm-serum-gallery__cta-ring{border-color:#12121226}.am-pm-serum-gallery .am-pm-serum-gallery__variant--am .am-pm-serum-gallery__cta{background:none;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:#011e62;color:#011e62}.am-pm-serum-gallery .am-pm-serum-gallery__variant--am .am-pm-serum-gallery__cta:before{background:conic-gradient(from var(--cta-border-angle),#011E62 0%,#011E62 25%,#FFF 74.52%,#011E62 100%);animation:cta-border-spin 1.5s linear infinite reverse}.am-pm-serum-gallery .am-pm-serum-gallery__variant--am .am-pm-serum-gallery__cta:hover{background:#011e62;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:#ffffff;animation:none}.am-pm-serum-gallery .am-pm-serum-gallery__variant--pm .am-pm-serum-gallery__title,.am-pm-serum-gallery .am-pm-serum-gallery__variant--pm .am-pm-serum-gallery__subtitle,.am-pm-serum-gallery .am-pm-serum-gallery__variant--pm .am-pm-serum-gallery__label{color:#fff}.am-pm-serum-gallery .am-pm-serum-gallery__variant--pm .am-pm-serum-gallery__cta-ring{border-color:#ffffff26}.am-pm-serum-gallery .am-pm-serum-gallery__variant--pm .am-pm-serum-gallery__cta{background:conic-gradient(from var(--cta-border-angle),#011E62 0%,#011E62 25%,#FFF 74.52%,#011E62 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:cta-border-spin 1.5s linear infinite reverse}.am-pm-serum-gallery .am-pm-serum-gallery__variant--pm .am-pm-serum-gallery__cta:before{background:conic-gradient(from var(--cta-border-angle),#011E62 0%,#011E62 25%,#FFF 74.52%,#011E62 100%);animation:cta-border-spin 1.5s linear infinite reverse}.am-pm-serum-gallery .am-pm-serum-gallery__variant--pm .am-pm-serum-gallery__cta:hover{background:#fff;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:#011E62;animation:none}@media(min-width:991px){.am-pm-serum-gallery{margin-top:0;margin-bottom:80px}body.ampm-mode-am .am-pm-serum-gallery .am-pm-serum-gallery__variant--am,body.ampm-mode-pm .am-pm-serum-gallery .am-pm-serum-gallery__variant--pm{display:block;position:relative;height:76rem;overflow:hidden}.am-pm-serum-gallery .am-pm-serum-gallery__collage{display:block;padding:0;order:0;gap:0;position:static}.am-pm-serum-gallery .am-pm-serum-gallery__frame{position:absolute;margin:0}.am-pm-serum-gallery .am-pm-serum-gallery__collage .frame-4{margin-top:0}.am-pm-serum-gallery .am-pm-serum-gallery__media-wrap{border-radius:1.6rem}.am-pm-serum-gallery .am-pm-serum-gallery__frame.frame-5{position:absolute;width:auto;margin:0}.am-pm-serum-gallery .am-pm-serum-gallery__frame.frame-1{position:absolute;z-index:2;left:50%;transform:translate(-48.94%);top:23.4%;width:26%;margin:0}.am-pm-serum-gallery .am-pm-serum-gallery__frame.frame-1 .am-pm-serum-gallery__media-wrap{aspect-ratio:332 / 417;padding:2.4rem;background:#1212121a}.am-pm-serum-gallery .am-pm-serum-gallery__title-wrap{position:absolute;z-index:3;top:5.3%;left:0;right:0;text-align:center;padding:0;order:0}.am-pm-serum-gallery .am-pm-serum-gallery__cta-wrap{position:absolute;z-index:3;left:0;right:0;bottom:0;justify-content:center;padding:0;order:0}body.ampm-mode-am .am-pm-serum-gallery .am-pm-serum-gallery__variant--am .am-pm-serum-gallery__collage .frame-2{left:7.5%;top:10.1%;width:17.4%}body.ampm-mode-am .am-pm-serum-gallery .am-pm-serum-gallery__variant--am .am-pm-serum-gallery__collage .frame-2 .am-pm-serum-gallery__media-wrap{aspect-ratio:1 / 1}body.ampm-mode-am .am-pm-serum-gallery .am-pm-serum-gallery__variant--am .am-pm-serum-gallery__collage .frame-3{left:70.8%;top:13.9%;width:10.4%}body.ampm-mode-am .am-pm-serum-gallery .am-pm-serum-gallery__variant--am .am-pm-serum-gallery__collage .frame-3 .am-pm-serum-gallery__media-wrap{aspect-ratio:1 / 1}body.ampm-mode-am .am-pm-serum-gallery .am-pm-serum-gallery__variant--am .am-pm-serum-gallery__collage .frame-4{left:81.8%;top:33.6%;width:15.6%}body.ampm-mode-am .am-pm-serum-gallery .am-pm-serum-gallery__variant--am .am-pm-serum-gallery__collage .frame-4 .am-pm-serum-gallery__media-wrap{aspect-ratio:9 / 16;flex:none}body.ampm-mode-am .am-pm-serum-gallery .am-pm-serum-gallery__variant--am .am-pm-serum-gallery__frame.frame-5{left:3.3%;top:54.2%;width:30.9%}body.ampm-mode-am .am-pm-serum-gallery .am-pm-serum-gallery__variant--am .am-pm-serum-gallery__frame.frame-5 .am-pm-serum-gallery__media-wrap{aspect-ratio:16 / 9}body.ampm-mode-pm .am-pm-serum-gallery .am-pm-serum-gallery__variant--pm .am-pm-serum-gallery__collage .frame-4{left:16.1%;top:12.8%;width:15.6%}body.ampm-mode-pm .am-pm-serum-gallery .am-pm-serum-gallery__variant--pm .am-pm-serum-gallery__collage .frame-4 .am-pm-serum-gallery__media-wrap{aspect-ratio:9 / 16;flex:none}body.ampm-mode-pm .am-pm-serum-gallery .am-pm-serum-gallery__variant--pm .am-pm-serum-gallery__collage .frame-3{left:3%;top:63.5%;width:11.1%}body.ampm-mode-pm .am-pm-serum-gallery .am-pm-serum-gallery__variant--pm .am-pm-serum-gallery__collage .frame-3 .am-pm-serum-gallery__media-wrap{aspect-ratio:1 / 1}body.ampm-mode-pm .am-pm-serum-gallery .am-pm-serum-gallery__variant--pm .am-pm-serum-gallery__collage .frame-2{left:77.7%;top:8.6%;width:17.4%}body.ampm-mode-pm .am-pm-serum-gallery .am-pm-serum-gallery__variant--pm .am-pm-serum-gallery__collage .frame-2 .am-pm-serum-gallery__media-wrap{aspect-ratio:1 / 1}body.ampm-mode-pm .am-pm-serum-gallery .am-pm-serum-gallery__variant--pm .am-pm-serum-gallery__frame.frame-5{left:67.8%;top:52%;width:30.9%}body.ampm-mode-pm .am-pm-serum-gallery .am-pm-serum-gallery__variant--pm .am-pm-serum-gallery__frame.frame-5 .am-pm-serum-gallery__media-wrap{aspect-ratio:16 / 9}.am-pm-serum-gallery .am-pm-serum-gallery__title{font-size:4.8rem;letter-spacing:-.24rem}.am-pm-serum-gallery .am-pm-serum-gallery__subtitle{font-size:3rem;letter-spacing:-.889px}.am-pm-serum-gallery .am-pm-serum-gallery__label{font-size:1.6rem;white-space:normal}.am-pm-serum-gallery .am-pm-serum-gallery__cta-ring{padding:1.2rem 1.6rem;border:2px solid rgba(18,18,18,.15)}.am-pm-serum-gallery .am-pm-serum-gallery__cta{font-size:1.6rem;padding:1.4rem 4rem}.am-pm-serum-gallery .am-pm-serum-gallery__variant--am .am-pm-serum-gallery__cta{background:none;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:#011E62;font-size:2rem;padding:1.6rem 1.7rem;height:4.8rem}.am-pm-serum-gallery .am-pm-serum-gallery__variant--pm .am-pm-serum-gallery__cta{background:none;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:#ffffff;font-size:2rem;padding:1.6rem 1.7rem;height:4.8rem}.am-pm-serum-gallery .am-pm-serum-gallery__aox-icon{height:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/93/assets/section-am-pm-serum-gallery.css.map */