.cg-guide-v17{--cg-guide-ink: var(--cg-color-text, var(--cg-ink, #2f2733));--cg-guide-muted: var(--cg-muted, #68616d);--cg-guide-primary: var(--cg-color-primary, var(--cg-primary, #5b55e7));--cg-guide-line: var(--cg-color-border, var(--cg-border, #e7ded5));--cg-guide-cream: var(--cg-color-background, var(--cg-cream, #fffdf8));--cg-guide-lilac: var(--cg-color-lilac, #f1edff);--cg-guide-blush: var(--cg-color-blush, #fff0ec);--cg-guide-butter: var(--cg-color-butter, #fff5cf);--cg-guide-sky: var(--cg-color-sky, #eaf4ff);padding-block:clamp(20px,3vw,34px) clamp(64px,8vw,104px)}.cg-guide-v17__hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(22px,4vw,48px);align-items:center;margin-bottom:clamp(28px,4vw,46px);padding:clamp(20px,3vw,36px);border:1px solid rgba(75,53,200,.12);border-radius:clamp(22px,3vw,34px);background:radial-gradient(circle at 8% 8%,color-mix(in srgb,var(--cg-guide-butter) 92%,transparent),transparent 16rem),radial-gradient(circle at 96% 100%,color-mix(in srgb,var(--cg-color-mint) 48%,transparent),transparent 18rem),linear-gradient(145deg,var(--cg-guide-lilac),white 72%)}.cg-guide-v17__hero:after{position:absolute;top:-70px;right:-60px;width:190px;height:190px;border:1px solid rgba(75,53,200,.1);border-radius:50%;content:""}.cg-guide-v17__eyebrow{margin:0 0 12px;color:var(--cg-guide-primary);font-size:max(var(--cg-type-caption, .75rem),.72rem);font-weight:var(--cg-w-strong);letter-spacing:.08em;text-transform:uppercase}.cg-guide-v17__hero h1{max-width:820px;margin:0;color:var(--cg-guide-ink);font-family:var(--cg-font-display-family, var(--cg-font-heading-family, "Arial", sans-serif));font-size:var(--cg-type-heading-page, clamp(2.35rem, 5vw, 3.8rem));font-style:var(--cg-font-display-style, normal);font-weight:var(--cg-w-display);letter-spacing:-.02em;line-height:1.04;text-wrap:balance}.cg-guide-v17__intro{max-width:720px;margin-top:12px;color:var(--cg-guide-muted);font-size:var(--cg-type-lead, clamp(1.05rem, 1.6vw, 1.22rem));line-height:1.5}.cg-guide-v17__intro>:first-child,.cg-guide-v17__intro>:last-child{margin-block:0}.cg-guide-v17__hero-card{position:relative;z-index:1;display:grid;gap:1px;overflow:hidden;border:1px solid rgba(23,35,60,.11);border-radius:var(--cg-radius-lg);background:color-mix(in srgb,var(--cg-guide-primary) 12%,var(--cg-guide-line));box-shadow:0 18px 42px color-mix(in srgb,var(--cg-guide-primary) 8%,transparent)}.cg-guide-v17__hero-card>div{min-height:64px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;align-content:center;padding:12px 14px;background:color-mix(in srgb,white 93%,var(--cg-guide-sky))}.cg-guide-v17__hero-card b{width:30px;height:30px;display:grid;border-radius:var(--cg-radius-sm);place-items:center;background:var(--cg-guide-lilac);color:var(--cg-guide-primary);font-size:max(var(--cg-type-caption, .75rem),.75rem)}.cg-guide-v17__hero-card span{display:grid;gap:3px}.cg-guide-v17__hero-card strong{color:var(--cg-guide-ink);font-size:var(--cg-type-body-small, .9rem);line-height:1.3}.cg-guide-v17__hero-card small{color:var(--cg-guide-muted);font-size:var(--cg-type-caption, .75rem);line-height:1.38}.cg-guide-v17__layout{display:grid;grid-template-columns:minmax(210px,.28fr) minmax(0,1fr);gap:clamp(38px,6vw,82px);align-items:start}.cg-guide-v17__nav{position:sticky;top:150px;padding:20px;border:1px solid var(--cg-guide-line);border-radius:var(--cg-radius-md);background:color-mix(in srgb,white 94%,var(--cg-guide-sky))}.cg-guide-v17__nav>p{margin:0 0 12px;color:var(--cg-guide-muted);font-size:max(var(--cg-type-caption, .75rem),.72rem);font-weight:var(--cg-w-strong);letter-spacing:.08em;text-transform:uppercase}.cg-guide-v17__nav a{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;padding-block:9px;border-top:1px solid rgba(23,35,60,.08);color:var(--cg-guide-muted);font-size:var(--cg-type-small, .84rem);font-weight:600;line-height:1.35}.cg-guide-v17__nav a:first-of-type{border-top:0}.cg-guide-v17__nav a span{color:var(--cg-guide-primary);font-size:.7rem}.cg-guide-v17__nav a:hover{color:var(--cg-guide-primary)}.cg-guide-v17__modules{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cg-guide-module{scroll-margin-top:160px;padding:clamp(22px,3vw,30px);border:1px solid var(--cg-guide-line);border-radius:var(--cg-radius-lg);background:color-mix(in srgb,white 96%,var(--cg-guide-lilac))}.cg-guide-module__marker{width:38px;height:38px;display:grid;margin-bottom:18px;border-radius:var(--cg-radius-md);place-items:center;background:var(--cg-guide-lilac);color:var(--cg-guide-primary);font-size:var(--cg-type-caption);font-weight:var(--cg-w-strong)}.cg-guide-module h2,.cg-guide-module h3{margin:0;color:var(--cg-guide-ink);font-family:var(--cg-font-heading-family, inherit);font-size:var(--cg-type-heading-card, clamp(1.3rem, 2.3vw, 1.7rem));letter-spacing:-.02em;line-height:1.18;text-wrap:balance}.cg-guide-module__copy{margin-top:11px;color:var(--cg-guide-muted);font-size:var(--cg-type-body-small, .9rem);line-height:1.66}.cg-guide-module__copy>:first-child,.cg-guide-module__copy>:last-child{margin-block:0}.cg-guide-module__copy ul,.cg-guide-module__copy ol{padding-left:1.2em}.cg-guide-module__link{display:inline-flex;align-items:center;gap:7px;margin-top:17px;color:var(--cg-guide-primary);font-size:var(--cg-type-small, .84rem);font-weight:var(--cg-w-strong)}.cg-guide-module__link:hover{text-decoration:underline;text-underline-offset:3px}.cg-guide-module--detail,.cg-guide-module--callout,.cg-guide-module--accordion,.cg-guide-v17__page-content,.cg-guide-v17__app{grid-column:1 / -1}.cg-guide-module--detail{display:grid;grid-template-columns:minmax(180px,.38fr) minmax(0,.62fr);gap:clamp(24px,5vw,64px);align-items:start}.cg-guide-module--detail .cg-guide-module__copy{margin-top:0}.cg-guide-module--callout{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;border-color:#4b35c829;background:radial-gradient(circle at 96% 0%,color-mix(in srgb,var(--cg-guide-butter) 92%,transparent),transparent 13rem),linear-gradient(145deg,var(--cg-guide-lilac),color-mix(in srgb,var(--cg-guide-blush) 52%,white))}.cg-guide-module--callout .cg-guide-module__copy{max-width:700px}.cg-guide-module--accordion{padding:0}.cg-guide-module--accordion details{padding:0 24px}.cg-guide-module--accordion summary{min-height:72px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;cursor:pointer;font-family:var(--cg-font-heading-family, inherit);font-size:var(--cg-type-heading-small, 1.16rem);font-weight:var(--cg-w-heading);list-style:none}.cg-guide-module--accordion summary::-webkit-details-marker{display:none}.cg-guide-module--accordion summary span:last-child{width:28px;height:28px;display:grid;border-radius:50%;place-items:center;background:var(--cg-guide-lilac);color:var(--cg-guide-primary);font-family:var(--cg-font-body-family, inherit);font-size:var(--cg-type-body)}.cg-guide-module--accordion details[open] summary span:last-child{transform:rotate(45deg)}.cg-guide-module--accordion .cg-guide-module__copy{margin:0;padding:0 0 24px}.cg-guide-v17__page-content{padding:clamp(24px,4vw,38px);border-left:4px solid var(--cg-color-highlight, #f6d66f);border-radius:0 16px 16px 0;background:color-mix(in srgb,var(--cg-guide-butter) 68%,white)}.cg-guide-v17__page-content>:first-child{margin-top:0}.cg-guide-v17__page-content>:last-child{margin-bottom:0}.cg-size-guide-v17__visual{position:relative;min-height:276px;overflow:hidden;border:1px solid color-mix(in srgb,var(--cg-guide-primary) 16%,var(--cg-guide-line));border-radius:var(--cg-radius-lg);background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--cg-guide-butter) 88%,transparent),transparent 12rem),linear-gradient(145deg,var(--cg-guide-lilac),var(--cg-guide-sky));color:var(--cg-guide-ink)}.cg-size-guide-v17__ruler{position:absolute;top:32px;right:32px;bottom:32px;left:32px;border:2px solid color-mix(in srgb,var(--cg-guide-primary) 58%,transparent);border-top:0;border-right:0}.cg-size-guide-v17__ruler:before,.cg-size-guide-v17__ruler:after{position:absolute;color:var(--cg-guide-primary);font-size:max(var(--cg-type-caption, .75rem),.75rem);font-weight:var(--cg-w-strong);letter-spacing:.08em}.cg-size-guide-v17__ruler:before{top:-5px;left:50%;content:"WIDTH";transform:translate(-50%)}.cg-size-guide-v17__ruler:after{top:50%;left:-12px;content:"HEIGHT";transform:translate(-50%,-50%) rotate(-90deg)}.cg-size-guide-v17__object{position:absolute;top:72px;right:74px;bottom:58px;left:84px;display:grid;border:2px solid color-mix(in srgb,var(--cg-guide-primary) 28%,white);border-radius:var(--cg-radius-md);place-items:center;background:color-mix(in srgb,white 82%,var(--cg-guide-blush));box-shadow:0 14px 34px color-mix(in srgb,var(--cg-guide-primary) 8%,transparent);text-align:center}.cg-size-guide-v17__object strong{display:block;font-family:var(--cg-font-heading-family, inherit);font-size:var(--cg-type-lead)}.cg-size-guide-v17__object small{display:block;max-width:170px;margin-top:5px;color:var(--cg-guide-muted);line-height:1.35}.cg-size-guide-v17__quick-links{display:flex;flex-wrap:wrap;gap:8px;margin:-48px 0 42px;padding:0 clamp(24px,5vw,62px)}.cg-size-guide-v17__quick-links a{padding:9px 13px;border:1px solid rgba(75,53,200,.16);border-radius:999px;background:#fff;color:var(--cg-guide-primary);font-size:var(--cg-type-small, .84rem);font-weight:var(--cg-w-strong);box-shadow:var(--cg-shadow-1)}.cg-size-guide-v17__quick-links a:hover{border-color:var(--cg-guide-primary);background:var(--cg-guide-lilac)}.cg-size-guide-v17__section-heading{max-width:760px;margin-bottom:26px}.cg-size-guide-v17__section-heading h2{margin:0;font-family:var(--cg-font-heading-family, inherit);font-size:var(--cg-type-heading-section, clamp(1.9rem, 4vw, 2.75rem));line-height:1.08}.cg-size-guide-v17__section-heading p{margin:10px 0 0;color:var(--cg-guide-muted);line-height:1.6}.cg-size-guide-v17__table-wrap{overflow:hidden;margin-bottom:clamp(46px,7vw,78px);border:1px solid var(--cg-guide-line);border-radius:var(--cg-radius-lg);background:#fff}.cg-size-guide-v17__table{width:100%;border-collapse:collapse}.cg-size-guide-v17__table th,.cg-size-guide-v17__table td{padding:18px;border-bottom:1px solid var(--cg-guide-line);text-align:left;vertical-align:top}.cg-size-guide-v17__table th{background:var(--cg-guide-lilac);color:var(--cg-guide-muted);font-size:max(var(--cg-type-caption, .75rem),.7rem);letter-spacing:.08em;text-transform:uppercase}.cg-size-guide-v17__table tr[id]{scroll-margin-top:160px}.cg-size-guide-v17__table tr:last-child td{border-bottom:0}.cg-size-guide-v17__table td{color:var(--cg-guide-muted);font-size:var(--cg-type-body-small, .9rem);line-height:1.5}.cg-size-guide-v17__table td:first-child{color:var(--cg-guide-ink)}.cg-size-guide-v17__table strong,.cg-size-guide-v17__table small{display:block}.cg-size-guide-v17__table small{margin-top:5px;color:var(--cg-guide-muted)}.cg-size-guide-v17__table a{display:inline-flex;margin-top:9px;color:var(--cg-guide-primary);font-size:var(--cg-type-caption, .75rem);font-weight:var(--cg-w-strong)}.cg-size-guide-v17__tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:clamp(46px,7vw,78px)}.cg-size-guide-v17__tip{padding:23px;border:1px solid var(--cg-guide-line);border-radius:17px;background:color-mix(in srgb,white 94%,var(--cg-guide-sky))}.cg-size-guide-v17__tip>span{width:36px;height:36px;display:grid;margin-bottom:16px;border-radius:var(--cg-control-radius);place-items:center;background:color-mix(in srgb,var(--cg-color-mint) 54%,white);color:color-mix(in srgb,var(--cg-guide-ink) 82%,var(--cg-color-mint));font-size:var(--cg-type-caption);font-weight:var(--cg-w-strong)}.cg-size-guide-v17__tip h3{margin:0;font-size:var(--cg-type-heading-small, 1.16rem)}.cg-size-guide-v17__tip .rte{margin-top:9px;color:var(--cg-guide-muted);font-size:var(--cg-type-small, .84rem);line-height:1.58}.cg-size-guide-v17__tip .rte>:first-child,.cg-size-guide-v17__tip .rte>:last-child{margin-block:0}.cg-size-guide-v17__conversion{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;margin-bottom:clamp(46px,7vw,78px);padding:clamp(22px,4vw,34px);border:1px solid color-mix(in srgb,var(--cg-guide-primary) 16%,var(--cg-guide-line));border-radius:var(--cg-radius-lg);background:linear-gradient(135deg,var(--cg-guide-blush),var(--cg-guide-butter));color:var(--cg-guide-ink)}.cg-size-guide-v17__conversion b{width:48px;height:48px;display:grid;border-radius:var(--cg-radius-md);place-items:center;background:var(--cg-guide-primary);color:#fff}.cg-size-guide-v17__conversion strong{display:block;font-family:var(--cg-font-heading-family, inherit);font-size:var(--cg-type-heading-card, 1.45rem)}.cg-size-guide-v17__conversion p{margin:5px 0 0;color:var(--cg-guide-muted);font-size:var(--cg-type-small, .84rem)}.cg-size-guide-v17__conversion span{color:var(--cg-guide-primary);font-size:var(--cg-type-body-large, 1.06rem);font-weight:var(--cg-w-strong);white-space:nowrap}.cg-guide-v17__cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:clamp(26px,5vw,46px);border:1px solid rgba(75,53,200,.15);border-radius:var(--cg-radius-lg);background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--cg-guide-butter) 90%,transparent),transparent 14rem),linear-gradient(145deg,var(--cg-guide-lilac),color-mix(in srgb,var(--cg-guide-blush) 46%,white))}.cg-guide-v17__cta h2{margin:0;font-size:var(--cg-type-heading-card, clamp(1.35rem, 3vw, 1.9rem))}.cg-guide-v17__cta p{max-width:680px;margin:8px 0 0;color:var(--cg-guide-muted);line-height:1.55}@media(max-width:989px){.cg-guide-v17__hero{grid-template-columns:1fr}.cg-guide-v17__hero-card{grid-template-columns:repeat(3,minmax(0,1fr))}.cg-guide-v17__hero-card>div{min-height:80px;grid-template-columns:1fr}.cg-guide-v17__layout{grid-template-columns:1fr}.cg-guide-v17__nav{position:static;display:flex;overflow-x:auto;gap:8px;padding:10px;scrollbar-width:thin}.cg-guide-v17__nav>p{display:none}.cg-guide-v17__nav a{min-width:max-content;display:inline-flex;padding:9px 12px;border:0;border-radius:999px;background:var(--cg-guide-lilac);color:var(--cg-guide-primary)}.cg-size-guide-v17__quick-links{margin-top:-16px}}@media(max-width:749px){.cg-guide-v17{padding-block:18px 60px}.cg-guide-v17__nav a{min-height:44px;display:inline-flex;align-items:center}.cg-guide-module,.cg-size-guide-v17__table tr[id]{scroll-margin-top:0}.cg-guide-v17__hero{padding:18px;border-radius:var(--cg-radius-lg)}.cg-guide-v17__hero h1{font-size:clamp(1.95rem,9vw,2.6rem)}.cg-guide-v17__hero-card{grid-auto-columns:minmax(220px,82%);grid-auto-flow:column;grid-template-columns:none;overflow-x:auto;background:transparent;scrollbar-width:thin;scroll-snap-type:x proximity}.cg-guide-v17__hero-card>div{border:1px solid var(--cg-guide-line);border-radius:var(--cg-radius-md);scroll-snap-align:start}.cg-guide-v17__hero-card small{display:none}.cg-guide-v17__hero-card>div{min-height:0;grid-template-columns:34px minmax(0,1fr)}.cg-guide-v17__modules,.cg-guide-module--detail,.cg-guide-module--callout,.cg-guide-v17__cta{grid-template-columns:1fr}.cg-guide-module--detail,.cg-guide-module--callout,.cg-guide-module--accordion,.cg-guide-v17__page-content,.cg-guide-v17__app{grid-column:auto}.cg-size-guide-v17__visual{display:none}.cg-size-guide-v17__ruler{top:26px;right:26px;bottom:26px;left:26px}.cg-size-guide-v17__object{top:60px;right:54px;bottom:48px;left:65px}.cg-size-guide-v17__quick-links{margin:0 0 24px;padding-inline:12px}.cg-size-guide-v17__table-wrap{overflow:visible;border:0;background:transparent}.cg-size-guide-v17__table,.cg-size-guide-v17__table tbody{display:grid;gap:12px}.cg-size-guide-v17__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cg-size-guide-v17__table tr{display:grid;overflow:hidden;border:1px solid var(--cg-guide-line);border-radius:var(--cg-radius-md);background:color-mix(in srgb,white 94%,var(--cg-guide-sky))}.cg-size-guide-v17__table td{display:grid;grid-template-columns:minmax(90px,.35fr) minmax(0,.65fr);gap:14px;padding:14px 16px;border-bottom:1px solid var(--cg-guide-line)}.cg-size-guide-v17__table td:before{color:var(--cg-guide-muted);content:attr(data-label);font-size:max(var(--cg-type-caption, .75rem),.75rem);font-weight:var(--cg-w-strong);letter-spacing:.07em;text-transform:uppercase}.cg-size-guide-v17__tips{grid-template-columns:1fr}.cg-size-guide-v17__conversion{grid-template-columns:auto 1fr}.cg-size-guide-v17__conversion span{grid-column:1 / -1;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--cg-guide-primary) 18%,var(--cg-guide-line))}}@media(prefers-reduced-motion:reduce){.cg-guide-module--accordion summary span:last-child{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/guide-pages-v17.css.map */