.storyled-guide-page.wrapper{max-width:1280px;padding:0 24px}.storyled-guide{--guide-ink: #121212;--guide-muted: #676767;--guide-line: rgba(18, 18, 18, .12);--guide-accent: #ff623d;--guide-card: #f6f5f3;color:var(--guide-ink);margin:34px auto 76px;max-width:1160px}.storyled-guide .storyled-guide__hero{background:radial-gradient(circle at 18% 14%,rgba(254,116,69,.62),transparent 31%),radial-gradient(circle at 86% 36%,rgba(129,68,255,.46),transparent 34%),linear-gradient(135deg,#1b1b1d,#323237 58%,#1d1d20);border-radius:30px;box-shadow:0 22px 58px #19151433;color:#fff;isolation:isolate;margin:0 0 52px;overflow:hidden;padding:clamp(42px,7vw,92px) clamp(24px,8vw,112px);position:relative;text-align:left}.storyled-guide .storyled-guide__hero:after{background:linear-gradient(115deg,transparent 31%,rgba(255,255,255,.12) 49%,transparent 67%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;transform:translate(-42%);z-index:-1}.storyled-guide .storyled-guide__eyebrow{color:#fff;font-size:11px;font-weight:700;letter-spacing:.16em;line-height:1.2;margin:0 0 22px}.storyled-guide .storyled-guide__hero h1{color:#fff;font-size:clamp(2.2rem,5vw,4.8rem);font-weight:600;letter-spacing:-.055em;line-height:.98;margin:0;max-width:930px}.storyled-guide .storyled-guide__hero .date{color:#ffffffdb;display:inline-block;font-size:15px;letter-spacing:.01em;margin-top:28px}.storyled-guide .storyled-guide__meta{color:#ffffffc2;font-size:13px;margin:10px 0 0}.storyled-guide .storyled-guide__meta span{margin:0 7px}.storyled-reading-progress{background:#1212121f;height:3px;inset:0 0 auto;pointer-events:none;position:fixed;transform:translateZ(0);z-index:100}.storyled-reading-progress span{background:linear-gradient(90deg,var(--guide-accent),#b34cff);display:block;height:100%;transform:scaleX(0);transform-origin:left center;width:100%}.storyled-guide .storyled-guide__layout{display:grid!important;gap:clamp(30px,6vw,82px);grid-template-columns:minmax(180px,.3fr) minmax(0,1fr);margin:0!important}.storyled-guide .storyled-guide__toc{align-self:start;border-left:1px solid var(--guide-line);grid-column:1;grid-row:1;padding-left:18px;position:sticky;top:108px}.storyled-guide .storyled-guide__toc-label{color:var(--guide-muted);font-size:11px;font-weight:700;letter-spacing:.13em;line-height:1.3;margin:0 0 13px;text-transform:uppercase}.storyled-guide .storyled-guide__toc ol{list-style:none;margin:0;padding:0}.storyled-guide .storyled-guide__toc li{margin:0 0 9px}.storyled-guide .storyled-guide__toc a{color:var(--guide-ink);font-size:14px;line-height:1.36;text-decoration:none}.storyled-guide .storyled-guide__toc a:hover,.storyled-guide .storyled-guide__toc a:focus-visible{color:var(--guide-accent);text-decoration:underline}.storyled-guide .storyled-guide__content{float:none!important;grid-column:2;left:auto!important;margin-left:0!important;padding-left:0!important;width:auto!important}.storyled-guide .storyled-guide__body{font-size:18px;line-height:1.78}.storyled-guide .storyled-guide__body>p:nth-child(-n+2){color:#333;font-size:clamp(20px,2.2vw,25px);letter-spacing:-.018em;line-height:1.45;max-width:780px}.storyled-guide .storyled-guide__body h2{border-top:1px solid var(--guide-line);font-size:clamp(29px,3.7vw,45px);letter-spacing:-.045em;line-height:1.05;margin:78px 0 24px;padding-top:30px;scroll-margin-top:118px}.storyled-guide .storyled-guide__body h3{font-size:clamp(20px,2.3vw,26px);letter-spacing:-.026em;line-height:1.15;margin:43px 0 12px;scroll-margin-top:118px}.storyled-guide .storyled-guide__body p,.storyled-guide .storyled-guide__body li{color:#292929}.storyled-guide .storyled-guide__body a{color:inherit;text-decoration-color:var(--guide-accent);text-decoration-thickness:2px;text-underline-offset:3px}.storyled-guide .storyled-guide__table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--guide-line);border-radius:18px;box-shadow:0 14px 36px #0000000e;margin:30px 0 0;overflow-x:auto}.storyled-guide .storyled-guide__body table{border-collapse:collapse;font-size:15px;margin:0;min-width:650px;width:100%}.storyled-guide .storyled-guide__body th{background:#1d1d1f;color:#fff;font-size:12px;letter-spacing:.04em;padding:16px 18px;text-align:left}.storyled-guide .storyled-guide__body td{border-bottom:1px solid var(--guide-line);padding:16px 18px;vertical-align:top}.storyled-guide .storyled-guide__body tbody tr:nth-child(2n){background:#fafafa}.storyled-guide .storyled-guide__body tbody tr:last-child td{border-bottom:0}.storyled-guide .storyled-guide__body tbody td:first-child{font-weight:650}.storyled-guide .storyled-guide__choice{align-items:center;background:var(--guide-card);border-radius:18px;display:flex;gap:20px;justify-content:space-between;margin:22px 0 14px;padding:24px}.storyled-guide .storyled-guide__choice p{color:#232323;font-size:16px;line-height:1.35;margin:0;max-width:470px}.storyled-guide .storyled-guide__button{background:var(--guide-ink)!important;border:1px solid var(--guide-ink)!important;border-radius:999px;color:#fff!important;display:inline-flex;flex:0 0 auto;font-size:14px;font-weight:650;padding:12px 18px;text-decoration:none!important;transition:background-color .22s ease,color .22s ease,transform .22s ease}.storyled-guide .storyled-guide__button:hover,.storyled-guide .storyled-guide__button:focus-visible{background:var(--guide-accent)!important;border-color:var(--guide-accent)!important;color:#fff!important;transform:translateY(-2px)}.storyled-guide [data-storyled-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.storyled-guide [data-storyled-reveal].is-visible{opacity:1;transform:none}.storyled-guide .storyled-guide__table-row{opacity:0;transform:translateY(9px);transition:opacity .45s ease,transform .45s ease}.storyled-guide .storyled-guide__table-row.is-visible{opacity:1;transform:none}.storyled-guide .tags--article,.storyled-guide .social-sharing{margin-top:44px}.storyled-guide .return-link{color:var(--guide-ink);font-weight:600}@media(max-width:989px){.storyled-guide-page.wrapper{padding:0 16px}.storyled-guide{margin-top:16px}.storyled-guide .storyled-guide__hero{border-radius:22px;margin-bottom:35px;padding:44px 24px}.storyled-guide .storyled-guide__layout{display:block!important}.storyled-guide .storyled-guide__toc{border-left:0;border-top:1px solid var(--guide-line);margin:0 0 30px;padding:18px 0 0;position:static}.storyled-guide .storyled-guide__toc ol{columns:2;column-gap:22px}.storyled-guide .storyled-guide__toc li{break-inside:avoid}.storyled-guide .storyled-guide__body{font-size:17px}.storyled-guide .storyled-guide__body h2{margin-top:58px;padding-top:23px}.storyled-guide .storyled-guide__choice{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.storyled-guide .storyled-guide__hero h1{font-size:38px}.storyled-guide .storyled-guide__toc ol{columns:1}.storyled-guide .storyled-guide__choice{padding:20px}.storyled-guide .storyled-guide__button{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.storyled-guide *,.storyled-guide *:before,.storyled-guide *:after,.storyled-reading-progress span{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.storyled-guide [data-storyled-reveal],.storyled-guide .storyled-guide__table-row{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/storyled-guide-experience.css.map */