:root{--gut:clamp(16px,4vw,48px);--measure:680px;--ease:cubic-bezier(.23,1,.32,1);--fs-body:clamp(17px,1.05vw + 13px,19px)}.mag[data-store=elagia]{--ink:oklch(.2 .012 350);--mute:oklch(.44 .015 350);--rule:oklch(.87 .012 350);--page:#fff;--band:oklch(.945 .018 5);--band-ink:var(--ink);--band-mute:var(--mute);--band-rule:oklch(.8 .03 5);--accent:oklch(.4 .12 10);--display:"Mag Display",Didot,"Times New Roman",serif;--text:var(--body-font-family,"Instrument Sans"),system-ui,sans-serif;--dw:500;--ds:-.015em}.mag[data-store=viossi]{--ink:oklch(.2 .012 255);--mute:oklch(.44 .014 255);--rule:oklch(.87 .008 255);--page:#fff;--band:oklch(.2 .014 255);--band-ink:#fff;--band-mute:oklch(.8 .01 255);--band-rule:oklch(.42 .014 255);--accent:oklch(.45 .08 60);--display:"Mag Display",Georgia,serif;--text:var(--text-font-family,"Nunito Sans"),system-ui,sans-serif;--dw:400;--ds:-.01em;--fs-body:clamp(16px,.9vw + 13px,18px)}.mag,.mag *{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}.mag{background:var(--page);color:var(--ink);font:400 var(--fs-body)/1.7 var(--text);overflow-x:clip}.mag a{color:inherit}.mag img{max-width:100%}.mag :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.mag-hero{padding:clamp(28px,5vw,72px) var(--gut) 0;max-width:1320px;margin:auto}.mag-hero .mag-sect{font-size:14px;color:var(--mute);margin:0 0 14px}.mag-hero h1{font:var(--dw) clamp(38px,6.6vw,88px)/1.03 var(--display);letter-spacing:var(--ds);margin:0;max-width:15ch;text-wrap:balance}.mag-byline{display:flex;flex-wrap:wrap;gap:4px 18px;margin:clamp(18px,2.5vw,32px) 0;font-size:14px;line-height:1.5;color:var(--mute)}.mag-byline a{color:var(--ink);text-underline-offset:3px}.mag-cover{margin:0;width:100%}.mag-cover img{display:block;width:100%;height:auto;aspect-ratio:1376/768;object-fit:cover;max-height:82vh}@media(max-width:700px){.mag-cover img{aspect-ratio:4/5;max-height:none}}.mag-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--measure)) minmax(0,1fr);column-gap:clamp(24px,4vw,64px);padding:clamp(32px,5vw,72px) var(--gut) 0;max-width:1760px;margin:auto}.mag-body{grid-column:2;min-width:0}.mag-toc{grid-column:1;justify-self:end;width:100%;max-width:230px;align-self:start;position:sticky;top:28px;font-size:14px;line-height:1.35}.mag-toc summary{display:none}.mag-toc p{margin:0 0 10px;font-weight:600}.mag-toc ol{list-style:none;margin:0;padding:0}.mag-toc li a{display:block;padding:6px 0;color:var(--mute);text-decoration:none;transition:color .15s var(--ease)}.mag-toc li a[aria-current]{color:var(--ink);font-weight:600}@media(hover:hover){.mag-toc li a:hover{color:var(--ink)}}@media(max-width:1180px){.mag-layout{grid-template-columns:minmax(0,1fr) minmax(0,var(--measure)) minmax(0,1fr);column-gap:0}.mag-toc{grid-column:2;grid-row:1;position:static;max-width:none;border-block:1px solid var(--rule);margin-bottom:28px;font-size:15px}.mag-toc summary{display:flex;justify-content:space-between;align-items:center;min-height:48px;cursor:pointer;font-weight:600;list-style:none}.mag-toc summary::-webkit-details-marker{display:none}.mag-toc summary:after{content:"+";font-size:22px;font-weight:300;transition:transform .2s var(--ease)}.mag-toc[open] summary:after{transform:rotate(45deg)}.mag-toc p{display:none}.mag-toc ol{padding-bottom:12px}.mag-toc li a{padding:9px 0}.mag-body{grid-row:2}}.mag-body>p,.mag-body li{text-wrap:pretty}.mag-body>p{margin:0 0 1.25em}.mag-body span{font-weight:inherit!important}.mag-body a{text-underline-offset:3px;text-decoration-thickness:1px}.mag-body h2{font:var(--dw) clamp(29px,3.4vw,44px)/1.1 var(--display)!important;letter-spacing:var(--ds);margin:1.7em 0 .55em;text-wrap:balance;scroll-margin-top:24px;clear:both}.mag-body h2 b{font-weight:inherit}.mag-body h3{font:600 1.1em/1.3 var(--text);margin:1.8em 0 .4em}.mag-body h3 b{font-weight:inherit}.mag-body ul,.mag-body ol{padding-left:1.15em;margin:0 0 1.25em}.mag-body>p[data-onpage-patch]{font-size:.84em;color:var(--mute)}.dropcap:first-letter{font:var(--dw) 4.3em/.82 var(--display);float:left;padding:.07em .1em 0 0;color:var(--accent)}.quick-answer{background:none!important;border:0!important;border-radius:0!important;padding:0!important;margin:0 0 1.6em!important;font:var(--dw) clamp(23px,2.5vw,31px)/1.3 var(--display)!important;letter-spacing:-.005em}.quick-answer p{margin:0}.mag-pull{margin:1.5em 0;padding:0;font:var(--dw) clamp(29px,4vw,48px)/1.12 var(--display);letter-spacing:var(--ds);color:var(--accent);text-wrap:balance}@media(min-width:1181px){.mag-pull{margin-inline:-90px}}.article-img{float:right!important;width:min(44%,300px)!important;margin:.4em 0 1.2em 28px!important;clear:right}.article-img img{border-radius:0!important;aspect-ratio:4/5;object-fit:cover;object-position:50% 15%}.article-img figcaption{font-size:14px!important;margin-top:10px!important;line-height:1.4!important}.article-img strong{display:block;font-weight:500;margin-bottom:4px}.article-img figcaption a{color:var(--ink)!important}@media(min-width:1181px){.article-img{margin-right:-120px!important;width:320px!important}}@media(max-width:560px){.article-img{float:none!important;width:100%!important;margin:1.5em 0!important}}.shop-the-look{position:relative;z-index:2;background:var(--band)!important;color:var(--band-ink);border-radius:0!important;padding:clamp(32px,5vw,64px) 0!important;margin:clamp(40px,6vw,72px) calc(50% - 50vw)!important;clear:both}.stl-head{display:flex;align-items:end;justify-content:space-between;gap:16px;padding-inline:var(--gut);max-width:1320px;margin:0 auto 24px}.shop-the-look h3{font:var(--dw) clamp(29px,3.6vw,48px)/1.1 var(--display)!important;letter-spacing:var(--ds)!important;text-transform:none!important;margin:0!important}.stl-nav{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--band-mute);white-space:nowrap}.stl-nav button{width:44px;height:44px;border:1px solid var(--band-rule);background:none;color:var(--band-ink);font-size:18px;cursor:pointer;transition:background-color .15s var(--ease),color .15s var(--ease),transform .12s var(--ease)}.stl-nav button:active{transform:scale(.96)}.stl-nav button:disabled{opacity:.3;cursor:default}@media(hover:hover){.stl-nav button:not(:disabled):hover{background:var(--band-ink);color:var(--band)}}@media(max-width:700px){.stl-nav button{display:none}}.stl-grid{display:flex!important;gap:clamp(12px,1.6vw,24px)!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:max(var(--gut),calc((100vw - 1320px)/2 + var(--gut)));scroll-padding-inline:max(var(--gut),calc((100vw - 1320px)/2 + var(--gut)))}.stl-grid::-webkit-scrollbar{display:none}.stl-item{flex:0 0 min(78vw,clamp(280px,34vw,470px));scroll-snap-align:start;background:none!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}.stl-item a{color:var(--band-ink)!important}.stl-item a>div:first-child{height:auto!important;aspect-ratio:3/4;overflow:hidden;background:#fff}.stl-item img{transition:transform .5s var(--ease)}@media(hover:hover){.stl-item a:hover img{transform:scale(1.025)}}.stl-item a>div:last-child{padding:14px 0 0!important;display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:baseline}.stl-item a>div:last-child p:first-child{grid-column:1;font:var(--dw) clamp(18px,1.5vw,22px)/1.2 var(--display)!important;min-height:0!important;margin:0!important;-webkit-line-clamp:3!important}.stl-item a>div:last-child p:nth-child(2){grid-column:2;grid-row:1;font-size:15px!important;color:var(--band-ink)!important;margin:0!important;min-height:0!important}.stl-item a>div:last-child span{grid-column:1/-1;justify-self:start;margin-top:8px;padding:0 0 3px!important;border:0!important;border-bottom:1px solid currentColor!important;border-radius:0!important;font-size:14px!important;font-weight:500!important;color:var(--band-ink)!important;min-height:0}.collection-cta{background:none!important;border-radius:0!important;border-block:1px solid var(--rule);padding:clamp(22px,3vw,32px) 0!important;margin:2.2em 0!important;clear:both}.collection-cta h3{font:var(--dw) clamp(25px,2.6vw,33px)/1.15 var(--display)!important;letter-spacing:var(--ds)!important;text-transform:none!important;margin:0 0 8px!important}.collection-cta p{font-size:15px!important;color:var(--mute)!important}.collection-cta a{display:inline-flex!important;align-items:center;min-height:44px;padding:0 20px!important;border:1px solid var(--ink)!important;border-radius:0!important;font-size:14px!important;font-weight:500!important;transition:background-color .15s var(--ease),color .15s var(--ease),transform .12s var(--ease)}.collection-cta a:active{transform:scale(.97)}@media(hover:hover){.collection-cta a:hover{background:var(--ink);color:#fff!important}}.comparison-table{overflow-x:auto;margin:1.8em 0;font-size:14px;line-height:1.45}.comparison-table table{border-collapse:collapse;min-width:640px;width:100%}.comparison-table th,.comparison-table td{background:none!important;border:0!important;border-bottom:1px solid var(--rule)!important;color:var(--ink)!important;padding:11px 12px 11px 0!important;text-align:left;vertical-align:top}.comparison-table th,.comparison-table .own-brand td{font-weight:600}.faq-section details{border-top:1px solid var(--rule)}.faq-section details:last-of-type{border-bottom:1px solid var(--rule)}.faq-section summary{display:flex;justify-content:space-between;gap:16px;align-items:start;padding:15px 0;cursor:pointer;list-style:none}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary strong{font-weight:500}.faq-section summary:after{content:"+";font-size:22px;font-weight:300;line-height:1.2;transition:transform .2s var(--ease)}.faq-section details[open] summary:after{transform:rotate(45deg)}.faq-section details p{margin:0 0 18px;color:var(--mute)}.related-articles{list-style:none!important;padding:0!important}.related-articles li{border-top:1px solid var(--rule)}.related-articles a{display:block;padding:14px 0;font:var(--dw) clamp(20px,2vw,25px)/1.2 var(--display);text-decoration:none}@media(hover:hover){.related-articles a:hover{color:var(--accent)}}.policy-block{background:none!important;border:0!important;border-top:1px solid var(--rule)!important;border-radius:0!important;padding:14px 0 0!important;font-size:14px!important;color:var(--mute)}.mag-ugc{position:relative;z-index:2;background:var(--page);margin:clamp(48px,7vw,88px) calc(50% - 50vw);padding-block:clamp(8px,2vw,16px);clear:both;scroll-margin-top:16px}.mag-ugc-head{padding-inline:max(var(--gut),calc((100vw - 1320px)/2 + var(--gut)));margin-bottom:22px}.mag-ugc h2{margin:0 0 6px!important}.mag-ugc-head p{margin:0;color:var(--mute);font-size:15px}.mag-ugc-row{display:flex;gap:clamp(8px,1vw,14px);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin:0;padding:0 max(var(--gut),calc((100vw - 1320px)/2 + var(--gut)));scroll-padding-inline:max(var(--gut),calc((100vw - 1320px)/2 + var(--gut)));list-style:none}.mag-ugc-row::-webkit-scrollbar{display:none}.mag-ugc-row li{flex:0 0 min(62vw,clamp(210px,22vw,320px));scroll-snap-align:start;font-size:13px;line-height:1.4;color:var(--mute)}.mag-ugc-row img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;background:var(--rule)}.mag-ugc-row a{display:block;text-decoration:none}.mag-ugc-row span{display:block;padding-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mag-foot{height:clamp(48px,8vw,96px)}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.mag[data-store=elagia] h1,.mag[data-store=elagia] .mag-body h2,.mag[data-store=elagia] .mag-pull,.mag[data-store=elagia] .shop-the-look h3,.mag[data-store=elagia] .collection-cta h3{font-optical-sizing:none;font-variation-settings:"opsz" 14}.mag[data-store=elagia] .quick-answer,.mag[data-store=elagia] .related-articles a,.mag[data-store=elagia] .dropcap:first-letter{font-optical-sizing:none;font-variation-settings:"opsz" 9}.mag[data-store=elagia] .stl-item a>div:last-child p:first-child{font-optical-sizing:none;font-variation-settings:"opsz" 6;font-weight:500!important}html:not(.lenis){scroll-behavior:smooth}html.lenis,html.lenis body{height:auto;scroll-behavior:auto!important}.readbar{position:fixed;inset:0 0 auto;z-index:30;background:var(--page);border-bottom:1px solid var(--rule);transform:translateY(-110%);transition:transform .28s var(--ease);font-size:13px;line-height:1.2}.readbar.on{transform:none}.readbar-in{display:flex;align-items:center;gap:14px;min-height:44px;padding:0 var(--gut);max-width:1320px;margin:auto}.readbar b{font-weight:600;flex:0 0 auto}.readbar span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mute)}.readbar i{font-style:normal;font-variant-numeric:tabular-nums;color:var(--ink)}.readbar u{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--accent);transform-origin:0 50%;transform:scaleX(0);text-decoration:none}html{scroll-padding-top:64px}.mag-toc{top:68px}@media(max-width:560px){.readbar b{display:none}}.shop-the-look{padding:clamp(28px,4vw,48px) 0!important;margin-block:clamp(32px,5vw,56px)!important}.stl-item{flex:0 0 clamp(150px,44vw,240px)}.stl-item a>div:first-child{aspect-ratio:4/5}.stl-item a>div:last-child{padding-top:10px!important;display:block}.stl-item a>div:last-child p:first-child{font:500 14px/1.3 var(--text)!important;letter-spacing:0;-webkit-line-clamp:2!important;margin-bottom:4px!important;font-variation-settings:normal}.stl-item a>div:last-child p:nth-child(2){font-size:14px!important;margin-bottom:6px!important}.stl-item a>div:last-child span{margin-top:0;font-size:13px!important}.shop-the-look h3{font-size:clamp(25px,2.6vw,36px)!important}.stl-nav.off{display:none}@media(min-width:900px){.shop-the-look{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2.6fr);column-gap:32px;align-items:start;padding-inline:max(var(--gut),calc((100vw - 1320px)/2 + var(--gut)))!important}.stl-head{display:block;padding:0;margin:0}.stl-nav{margin-top:18px}.stl-grid{padding-inline:0;scroll-padding-inline:0}}.article-img,.article-img[style]{width:min(38%,220px)!important}@media(min-width:1181px){.article-img,.article-img[style]{margin-right:-90px!important;width:240px!important}}@media(max-width:560px){.article-img,.article-img[style]{float:right!important;width:42%!important;margin:.3em 0 .8em 16px!important}}.mag-ugc-row{scroll-snap-type:none}.mag-ugc-row li{flex-basis:clamp(150px,44vw,240px)}.mag-ugc-row a{cursor:grab}.mag-ugc-row li[aria-hidden=true] a{pointer-events:auto}@media(max-width:700px){.mag{--fs-body:17px}.mag-hero h1{font-size:clamp(34px,10vw,44px)}.mag-cover img{aspect-ratio:1/1}.mag-pull{font-size:26px}.quick-answer{font-size:21px!important}.mag-body h2{font-size:27px!important}.collection-cta a{width:100%;justify-content:center}}.mag h1,.mag h2,.mag h3{text-transform:none;color:inherit}.mag .mag-hero h1{color:var(--ink)}.mag-ugc[hidden],.mag-byline a[hidden]{display:none}.readbar{pointer-events:none;transition:transform .28s var(--ease),top .2s var(--ease)}.mag-toc{top:calc(var(--mag-top,0px) + 64px);transition:top .2s var(--ease)}html{scroll-padding-top:0}.mag-body h2{scroll-margin-top:0}@media(max-width:1180px){.mag-toc{top:auto}}.mag-glide{margin:18px calc(50% - 50vw) 22px;overflow:hidden;height:clamp(240px,27vw,400px);background:var(--rule)}.mag-glide-track{display:flex;gap:clamp(6px,.6vw,10px);width:max-content;height:100%}.mag-glide.run .mag-glide-track{animation:mag-glide var(--mag-glide-s,60s) linear infinite;will-change:transform}.mag-glide.still{overflow-x:auto}@media(hover:hover){.mag-glide.run:hover .mag-glide-track{animation-play-state:paused}}.mag-glide-item{display:block;height:100%;aspect-ratio:4/5;flex:0 0 auto;overflow:hidden;background:#fff}.mag-glide-item img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 12%;transition:transform .5s var(--ease)}@media(hover:hover){.mag-glide-item:hover img{transform:scale(1.03)}}@keyframes mag-glide{to{transform:translate3d(-50%,0,0)}}.collection-cta{position:relative;z-index:2}.collection-cta a.mag-glide-item{display:block!important;width:auto!important;min-height:0;padding:0!important;border:0!important;background:#fff;transform:none}.mag-glide{margin:16px 0 20px;height:clamp(250px,24vw,320px);background:none}.mag-glide-item{position:relative;aspect-ratio:3/4}.mag-glide-cap{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:34px 10px 9px;color:#fff;font-size:12px;line-height:1.25;background:linear-gradient(to top,#000000b8,#0000)}.mag-glide-cap span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:500}.mag-glide-cap b{flex:0 0 auto;font-size:14px;font-weight:600}.mag-glide{height:clamp(300px,30vw,400px)}.mag-glide-item.cr{aspect-ratio:4/5}.mag-body details{border-top:1px solid var(--rule)}.mag-body details:not(:has(+details)){border-bottom:1px solid var(--rule)}.mag-body details summary{display:flex;justify-content:space-between;gap:16px;align-items:start;padding:15px 0;cursor:pointer;list-style:none}.mag-body details summary::-webkit-details-marker{display:none}.mag-body details summary strong{font-weight:500}.mag-body details summary:after{content:"+";font-size:22px;font-weight:300;line-height:1.2;transition:transform .2s var(--ease)}.mag-body details[open] summary:after{transform:rotate(45deg)}.mag-body details p{margin:0 0 18px;color:var(--mute)}
/*# sourceMappingURL=/cdn/shop/t/56/assets/mag.css.map */