@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700;800&family=Poppins:wght@500;600;700;800&display=swap";.skinseal-roll{--deep-teal: #0F3B4C;--soft-aqua: #BFD9DE;--warm-off-white: #FBFBF9;--ink: #16262B;--cta-orange: #E96718;--pale-mint: #EEF5F4;--skinseal-white: #FFFFFF;--skinseal-border: rgba(15, 59, 76, .15);--skinseal-muted: #52656B;--skinseal-max-width: 1180px;--skinseal-radius-sm: 10px;--skinseal-radius-md: 16px;--skinseal-gutter: clamp(18px, 4vw, 32px);--skinseal-heading-font: "Poppins", "Avenir Next", Arial, sans-serif;--skinseal-body-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;overflow:clip;background:var(--warm-off-white);color:var(--ink);font-family:var(--skinseal-body-font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.skinseal-roll *,.skinseal-roll *:before,.skinseal-roll *:after{box-sizing:border-box}.skinseal-roll img,.skinseal-roll video{display:block;max-width:100%}.skinseal-roll__sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skinseal-roll__video-shell{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.skinseal-roll__video-shell .skinseal-roll__video-element{width:100%;height:100%;object-fit:cover}.skinseal-roll__video-play{position:absolute;z-index:3;top:50%;left:50%;display:grid;width:58px;height:58px;padding:0;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.72);border-radius:50%;background:#0f3b4ce0;color:#fff;cursor:pointer;box-shadow:0 7px 24px #0f3b4c2e;transition:opacity .16s ease,transform .16s ease}.skinseal-roll__video-play:hover{transform:translate(-50%,-50%) scale(1.04)}.skinseal-roll__video-play:focus-visible{outline:3px solid #fff;outline-offset:3px}.skinseal-roll__video-play svg{width:25px;height:25px;fill:currentColor}.skinseal-roll__video-shell.is-playing .skinseal-roll__video-play{opacity:0;pointer-events:none}.skinseal-roll__video-shell.is-playing:focus-within .skinseal-roll__video-play{opacity:1;pointer-events:auto}.skinseal-roll button,.skinseal-roll a,.skinseal-roll input,.skinseal-roll select{font:inherit}.skinseal-roll a{color:inherit}.skinseal-roll h1,.skinseal-roll h2,.skinseal-roll h3,.skinseal-roll p{margin-top:0}.skinseal-roll h1,.skinseal-roll h2,.skinseal-roll h3{color:var(--deep-teal);font-family:var(--skinseal-heading-font);letter-spacing:-.025em;text-wrap:balance}.skinseal-roll h1{margin-bottom:16px;font-size:clamp(2rem,7.6vw,3.7rem);line-height:1.04}.skinseal-roll h2{margin-bottom:16px;font-size:clamp(1.75rem,6.2vw,2.7rem);line-height:1.12}.skinseal-roll h3{font-size:1.05rem;line-height:1.25}.skinseal-roll__container{width:min(calc(100% - 2 * var(--skinseal-gutter)),var(--skinseal-max-width));margin-inline:auto}.skinseal-roll__section{padding-top:var(--skinseal-pad-top-mobile, 64px);padding-bottom:var(--skinseal-pad-bottom-mobile, 64px)}@media(min-width:750px){.skinseal-roll__section{padding-top:var(--skinseal-pad-top-desktop, 88px);padding-bottom:var(--skinseal-pad-bottom-desktop, 88px)}}.skinseal-roll__white{background:var(--skinseal-white)}.skinseal-roll__mint{background:var(--pale-mint)}.skinseal-roll__aqua{background:color-mix(in srgb,var(--soft-aqua) 68%,white)}.skinseal-roll__mint,.skinseal-roll__aqua,.skinseal-roll__final{position:relative;isolation:isolate}.skinseal-roll__mint:before,.skinseal-roll__aqua:before,.skinseal-roll__final:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='220' viewBox='0 0 520 220'%3E%3Cpath d='M-40 42 C45 -10 118 96 208 43 S371 -8 560 56' fill='none' stroke='%230F3B4C' stroke-opacity='.055' stroke-width='1.15'/%3E%3Cpath d='M-70 157 C39 97 113 207 220 150 S391 101 575 168' fill='none' stroke='%230F3B4C' stroke-opacity='.04' stroke-width='1'/%3E%3C/svg%3E");background-position:center top;background-size:520px 220px}.skinseal-roll__final:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='220' viewBox='0 0 520 220'%3E%3Cpath d='M-40 42 C45 -10 118 96 208 43 S371 -8 560 56' fill='none' stroke='%23BFD9DE' stroke-opacity='.10' stroke-width='1.15'/%3E%3Cpath d='M-70 157 C39 97 113 207 220 150 S391 101 575 168' fill='none' stroke='%23BFD9DE' stroke-opacity='.075' stroke-width='1'/%3E%3C/svg%3E")}.skinseal-roll__eyebrow{margin-bottom:12px;color:var(--deep-teal);font-size:.74rem;font-weight:800;letter-spacing:.14em;line-height:1.35;text-transform:uppercase}.skinseal-roll__head{max-width:720px;margin-bottom:34px}.skinseal-roll__head--center{margin-inline:auto;text-align:center}.skinseal-roll__lead{color:var(--ink);font-size:clamp(1rem,2vw,1.12rem);line-height:1.65}.skinseal-roll__closing{margin:30px auto 0;max-width:760px;color:var(--deep-teal);font-family:var(--skinseal-heading-font);font-size:clamp(1.05rem,2.6vw,1.28rem);font-weight:600;line-height:1.45;text-align:center}.skinseal-roll__btn{display:inline-flex;min-height:54px;align-items:center;justify-content:center;padding:14px 24px;border:2px solid var(--cta-orange);border-radius:var(--skinseal-radius-sm);background:var(--cta-orange);color:#fff;font-family:var(--skinseal-heading-font);font-size:.96rem;font-weight:700;letter-spacing:.01em;line-height:1.15;text-decoration:none;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,transform .14s ease}.skinseal-roll__btn:hover{background:#ce5511;border-color:#ce5511}.skinseal-roll__btn:active{transform:translateY(1px)}.skinseal-roll__btn:focus-visible,.skinseal-roll summary:focus-visible,.skinseal-roll a:focus-visible,.skinseal-roll input:focus-visible,.skinseal-roll select:focus-visible{outline:3px solid var(--deep-teal);outline-offset:3px}.skinseal-roll__placeholder{border:1px dashed rgba(15,59,76,.42);border-radius:var(--skinseal-radius-sm);background:#ffffffad;color:var(--deep-teal);font-size:.78rem;font-weight:700;line-height:1.4;text-align:center}.skinseal-roll__placeholder--text{padding:11px 13px}.skinseal-roll__media{position:relative;min-height:190px;overflow:hidden;border:1px solid var(--skinseal-border);border-radius:var(--skinseal-radius-md);background:var(--pale-mint);isolation:isolate}.skinseal-roll__media img,.skinseal-roll__media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.skinseal-roll__media-label{position:absolute;z-index:2;top:50%;left:50%;width:calc(100% - 28px);transform:translate(-50%,-50%);color:var(--deep-teal);font-size:.72rem;font-weight:800;letter-spacing:.07em;line-height:1.45;text-align:center;text-transform:uppercase}.skinseal-roll__media-hint{display:block;margin-top:6px;color:var(--skinseal-muted);font-size:.66rem;font-weight:600;letter-spacing:0;text-transform:none}.skinseal-roll__hero{background:var(--warm-off-white)}.skinseal-roll__hero-layout{display:grid;gap:26px;grid-template-areas:"copy" "gallery" "purchase"}.skinseal-roll__hero-copy{grid-area:copy;align-self:end}.skinseal-roll__hero-sub{margin-bottom:0;max-width:650px;font-size:1rem;line-height:1.62}.skinseal-roll__hero-gallery{display:grid;grid-area:gallery;gap:10px;grid-template-columns:1fr .54fr}.skinseal-roll__hero-gallery .skinseal-roll__media:first-child{min-height:330px;grid-row:span 2}.skinseal-roll__hero-gallery .skinseal-roll__media:not(:first-child){min-height:160px}.skinseal-roll__purchase{grid-area:purchase}.skinseal-roll__benefit-list{display:grid;gap:10px;margin:0 0 20px;padding:0;list-style:none}.skinseal-roll__benefit-list li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:.97rem;font-weight:600;line-height:1.45}.skinseal-roll__check{width:20px;height:20px;margin-top:1px;color:var(--deep-teal)}.skinseal-roll__purchase-panel{padding:16px;border:1px solid var(--skinseal-border);border-radius:var(--skinseal-radius-md);background:#fff}.skinseal-roll__proof{margin-bottom:12px}.skinseal-roll__product-title{margin:0 0 5px;color:var(--deep-teal);font-family:var(--skinseal-heading-font);font-size:.9rem;font-weight:700}.skinseal-roll__price-row{display:flex;align-items:baseline;gap:10px;margin:0 0 14px}.skinseal-roll__price{color:var(--deep-teal);font-family:var(--skinseal-heading-font);font-size:1.55rem;font-weight:700}.skinseal-roll__compare-price{color:var(--skinseal-muted);text-decoration:line-through}.skinseal-roll__variant,.skinseal-roll__quantity{display:grid;gap:6px;margin-bottom:12px}.skinseal-roll__variant label,.skinseal-roll__quantity label{color:var(--skinseal-muted);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.skinseal-roll__variant select,.skinseal-roll__quantity input{width:100%;min-height:46px;padding:9px 11px;border:1px solid var(--skinseal-border);border-radius:8px;background:#fff;color:var(--ink)}.skinseal-roll__purchase .skinseal-roll__btn{width:100%}.skinseal-roll__cta-note{margin:9px 0 0;color:var(--skinseal-muted);font-size:.78rem;line-height:1.4;text-align:center}.skinseal-roll__guarantee{margin-top:11px}.skinseal-roll__switch{display:grid;gap:26px;align-items:center}.skinseal-roll__switch-visual{display:grid;gap:10px;grid-template-columns:1fr 1fr}.skinseal-roll__switch-visual .skinseal-roll__media{min-height:250px}.skinseal-roll__legend{display:grid;gap:10px;margin-top:18px}.skinseal-roll__legend-row{padding:15px;border-left:3px solid var(--soft-aqua);background:#ffffffa8}.skinseal-roll__legend-row--roll{border-left-color:var(--deep-teal)}.skinseal-roll__legend-row strong{display:block;margin-bottom:3px;color:var(--deep-teal);font-family:var(--skinseal-heading-font);font-size:.82rem;text-transform:uppercase}.skinseal-roll__legend-row p{margin-bottom:0;font-size:.92rem;line-height:1.45}.skinseal-roll__steps{display:grid;gap:16px}.skinseal-roll__step{overflow:hidden;border:1px solid rgba(15,59,76,.13);border-radius:var(--skinseal-radius-md);background:#ffffffb3}.skinseal-roll__step .skinseal-roll__media{min-height:210px;border:0;border-radius:0;background:#ffffff6b}.skinseal-roll__step-copy{padding:20px}.skinseal-roll__step-number{display:grid;width:34px;height:34px;margin-bottom:12px;place-items:center;border-radius:50%;background:var(--deep-teal);color:#fff;font-family:var(--skinseal-heading-font);font-size:.84rem;font-weight:700}.skinseal-roll__step-copy h3{margin-bottom:7px;text-transform:uppercase}.skinseal-roll__step-copy p{margin-bottom:0;font-size:.94rem;line-height:1.55}.skinseal-roll__support-bar{margin-top:20px;padding:16px 18px;border-left:3px solid var(--deep-teal);background:#ffffff8f;color:var(--deep-teal);font-weight:650}.skinseal-roll__benefits-layout{display:grid;gap:24px}.skinseal-roll__benefits-layout>.skinseal-roll__media{min-height:360px}.skinseal-roll__benefits-grid{display:grid;gap:12px}.skinseal-roll__benefit-card{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:18px;border:1px solid var(--skinseal-border);border-radius:var(--skinseal-radius-sm);background:#fff}.skinseal-roll__benefit-card-icon{display:grid;width:40px;height:40px;place-items:center;color:var(--deep-teal)}.skinseal-roll__benefit-card-icon svg{width:30px;height:30px}.skinseal-roll__benefit-card h3{margin-bottom:5px;font-size:.94rem;text-transform:uppercase}.skinseal-roll__benefit-card p{margin-bottom:0;font-size:.9rem;line-height:1.5}.skinseal-roll__ugc{background:var(--skinseal-white)}.skinseal-roll__ugc-track{display:grid;grid-auto-columns:minmax(255px,78%);grid-auto-flow:column;gap:14px;overflow-x:auto;padding:2px 2px 14px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.skinseal-roll__ugc-track::-webkit-scrollbar{display:none}.skinseal-roll__ugc-item{scroll-snap-align:start}.skinseal-roll__ugc-media{position:relative;aspect-ratio:9/16;overflow:hidden;border:1px solid var(--skinseal-border);border-radius:var(--skinseal-radius-md);background:var(--pale-mint)}.skinseal-roll__ugc-media img,.skinseal-roll__ugc-media video{width:100%;height:100%;object-fit:cover}.skinseal-roll__ugc-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;padding:24px;color:var(--deep-teal);font-size:.74rem;font-weight:800;letter-spacing:.06em;line-height:1.5;text-align:center;text-transform:uppercase}.skinseal-roll__ugc-controls{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.skinseal-roll__ugc-arrow{display:grid;width:46px;height:46px;place-items:center;border:1px solid var(--skinseal-border);border-radius:50%;background:#fff;color:var(--deep-teal);cursor:pointer}.skinseal-roll__ugc-arrow:hover{background:var(--pale-mint)}.skinseal-roll__ugc-arrow:focus-visible{outline:3px solid var(--deep-teal);outline-offset:3px}.skinseal-roll__ugc-arrow svg{width:19px;height:19px}.skinseal-roll__comparison-scroll{overflow-x:auto;border:1px solid var(--skinseal-border);border-radius:var(--skinseal-radius-md);background:#fff;-webkit-overflow-scrolling:touch}.skinseal-roll__comparison{width:100%;min-width:720px;border-collapse:collapse}.skinseal-roll__comparison caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skinseal-roll__comparison th,.skinseal-roll__comparison td{padding:17px 18px;border-bottom:1px solid rgba(15,59,76,.1);text-align:left;vertical-align:middle}.skinseal-roll__comparison th{background:var(--deep-teal);color:#fff;font-family:var(--skinseal-heading-font);font-size:.86rem;line-height:1.3}.skinseal-roll__comparison th:nth-child(2){background:#174f62}.skinseal-roll__comparison td{font-size:.93rem;line-height:1.45}.skinseal-roll__comparison td:first-child{width:31%;color:var(--deep-teal);font-family:var(--skinseal-heading-font);font-size:.8rem;font-weight:700;letter-spacing:.03em}.skinseal-roll__comparison td:nth-child(2){background:var(--pale-mint);color:var(--deep-teal);font-weight:650}.skinseal-roll__comparison tr:last-child td{border-bottom:0}.skinseal-roll__table-cue{margin:9px 0 0;color:var(--skinseal-muted);font-size:.72rem}.skinseal-roll__faq-list{border-top:1px solid var(--skinseal-border)}.skinseal-roll__faq details{border-bottom:1px solid var(--skinseal-border)}.skinseal-roll__faq summary{position:relative;padding:19px 48px 19px 0;color:var(--deep-teal);cursor:pointer;font-family:var(--skinseal-heading-font);font-size:.92rem;font-weight:650;line-height:1.42;list-style:none}.skinseal-roll__faq summary::-webkit-details-marker{display:none}.skinseal-roll__faq summary:before,.skinseal-roll__faq summary:after{position:absolute;top:50%;right:8px;width:16px;height:1.5px;background:var(--deep-teal);content:"";transition:transform .12s ease}.skinseal-roll__faq summary:after{transform:rotate(90deg)}.skinseal-roll__faq details[open] summary:after{transform:rotate(0)}.skinseal-roll__faq-answer{padding:0 42px 19px 0}.skinseal-roll__faq-answer p{margin-bottom:0;font-size:.95rem;line-height:1.65}.skinseal-roll__final{background:var(--deep-teal);color:#fff}.skinseal-roll__final .skinseal-roll__eyebrow,.skinseal-roll__final h2{color:#fff}.skinseal-roll__final-layout{display:grid;gap:28px;align-items:center}.skinseal-roll__final-copy{max-width:650px}.skinseal-roll__final-copy>p:not(.skinseal-roll__eyebrow):not(.skinseal-roll__final-microcopy){color:#ffffffe6}.skinseal-roll__final-support{font-weight:700}.skinseal-roll__final-copy .skinseal-roll__placeholder{margin:18px 0;border-color:#ffffff73;background:#ffffff14;color:#fff;text-align:left}.skinseal-roll__final-copy .skinseal-roll__btn{width:100%;max-width:390px}.skinseal-roll__final-microcopy{margin:8px 0 0;color:#ffffffb8;font-size:.79rem}.skinseal-roll__final-media .skinseal-roll__media{min-height:430px}@media(min-width:700px){.skinseal-roll__hero-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-areas:"copy gallery" "purchase gallery";column-gap:clamp(34px,5vw,70px);row-gap:22px}.skinseal-roll__hero-gallery .skinseal-roll__media:first-child{min-height:470px}.skinseal-roll__hero-gallery .skinseal-roll__media:not(:first-child){min-height:230px}.skinseal-roll__switch{grid-template-columns:.86fr 1.14fr;gap:clamp(38px,6vw,84px)}.skinseal-roll__switch-visual .skinseal-roll__media{min-height:360px}.skinseal-roll__steps{grid-template-columns:repeat(3,1fr)}.skinseal-roll__benefits-layout{grid-template-columns:.88fr 1.12fr;align-items:center;gap:clamp(30px,5vw,70px)}.skinseal-roll__benefits-grid{grid-template-columns:1fr 1fr}.skinseal-roll__ugc-track{grid-auto-columns:calc((100% - 42px)/4)}.skinseal-roll__final-layout{grid-template-columns:1fr .9fr;gap:clamp(42px,6vw,90px)}.skinseal-roll__final-copy .skinseal-roll__btn{width:auto;min-width:340px}}@media(max-width:699px){.skinseal-roll__hero-gallery{grid-template-columns:1.45fr .55fr}.skinseal-roll__hero-gallery .skinseal-roll__media:first-child{min-height:310px}.skinseal-roll__hero-gallery .skinseal-roll__media:not(:first-child){min-height:150px}.skinseal-roll__final-media .skinseal-roll__media{min-height:320px}}@media(max-width:420px){.skinseal-roll h1{font-size:2rem}.skinseal-roll h2{font-size:1.78rem}.skinseal-roll__hero-layout{gap:20px}.skinseal-roll__hero-gallery .skinseal-roll__media:first-child{min-height:280px}.skinseal-roll__switch-visual .skinseal-roll__media{min-height:210px}.skinseal-roll__media-label{font-size:.66rem}}@media(prefers-reduced-motion:reduce){.skinseal-roll *,.skinseal-roll *:before,.skinseal-roll *:after{scroll-behavior:auto!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/skinseal-roll-page.css.map */