.UBoD6a_workspace{min-height:100vh;padding-bottom:var(--ui-space-6)}.UBoD6a_pinBoard{padding-block:var(--ui-space-7) var(--ui-space-4)}.UBoD6a_pinBoard[data-clip=top-right]{padding-block-start:var(--ui-space-2)}.UBoD6a_featureOverflow{max-width:100%;padding:var(--ui-space-2);overflow:auto}.UBoD6a_masthead{padding:var(--ui-space-5) 0;border-bottom:1px solid var(--ui-border)}.UBoD6a_wordmark{color:var(--ui-text);font:400 1rem/1.15 var(--ui-font-body);text-decoration:none;display:block}.UBoD6a_wordmark strong{font:400 1.8rem/1.1 var(--ui-font-heading);text-transform:uppercase;letter-spacing:.06em;display:block}.UBoD6a_intro{padding-block:var(--ui-space-8)}.UBoD6a_workbench{gap:var(--ui-space-7);grid-template-columns:15rem minmax(0,1fr);align-items:start;display:grid}.UBoD6a_sidebar{top:var(--ui-space-5);max-height:calc(100dvh - 3rem);padding:.25rem;position:sticky;overflow-y:auto}.UBoD6a_sidebar nav ol{margin:0;padding:0;list-style:none}.UBoD6a_sidebar nav a{color:var(--ui-text);gap:var(--ui-space-3);font:400 .95rem/1.4 var(--ui-font-label);padding:.6rem 0;text-decoration:none;display:flex}.UBoD6a_sidebar nav a:hover{color:var(--ui-link);text-underline-offset:.2em;text-decoration:underline}.UBoD6a_sidebar nav a span{font-family:var(--ui-font-code);color:var(--ui-muted);padding-top:.15rem;font-size:.75rem}.UBoD6a_examples{gap:var(--ui-space-8);flex-direction:column;min-width:0;display:flex}.UBoD6a_section{min-width:0;scroll-margin-top:var(--ui-space-5)}.UBoD6a_sectionHeading{gap:var(--ui-space-2);margin-bottom:var(--ui-space-5);flex-direction:column;display:flex}.UBoD6a_previewFrame{width:100%;container-type:inline-size}.UBoD6a_previewFrame[data-width=narrow]{max-width:22rem;margin-inline:auto}.UBoD6a_preview{padding:var(--ui-space-6);border:1px solid var(--ui-border);border-top:4px solid var(--ui-gold);box-shadow:var(--ui-shadow);border-radius:var(--ui-radius)}.UBoD6a_swatches{gap:var(--ui-space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.UBoD6a_swatch{border:1px solid var(--ui-border);border-radius:var(--ui-radius);height:4rem;margin-bottom:var(--ui-space-2)}.UBoD6a_swatches code{font:.65rem/1.3 var(--ui-font-code);color:var(--ui-muted);overflow-wrap:anywhere}.UBoD6a_spacing{gap:var(--ui-space-4);flex-wrap:wrap;display:flex}.UBoD6a_spacing>div{gap:var(--ui-space-2);flex-direction:column;align-items:start;display:flex}.UBoD6a_spacing span{background:var(--ui-accent);height:1.5rem;display:block}.UBoD6a_spacing code{font:.7rem/1.4 var(--ui-font-code);color:var(--ui-muted)}.UBoD6a_code{font:.8rem/1.65 var(--ui-font-code);color:var(--ui-text);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;margin:0}.UBoD6a_footer{margin-top:var(--ui-space-8);padding-block:var(--ui-space-6);border-top:1px solid var(--ui-border);text-align:center}.UBoD6a_footer span{margin-inline:var(--ui-space-2);color:var(--ui-gold)}.UBoD6a_skipLink{background:var(--ui-accent);color:var(--ui-on-accent);z-index:100;padding:1rem;position:absolute;top:-10rem;left:1rem}.UBoD6a_skipLink:focus{top:1rem}@container (max-width:620px){.UBoD6a_swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.UBoD6a_workbench{gap:var(--ui-space-5);grid-template-columns:12rem minmax(0,1fr)}.UBoD6a_preview{padding:var(--ui-space-5)}}@media (max-width:680px){.UBoD6a_workbench{gap:var(--ui-space-6);grid-template-columns:minmax(0,1fr)}.UBoD6a_sidebar{max-height:none;position:static;overflow:visible}.UBoD6a_sidebar nav ol{flex-wrap:wrap;gap:.25rem 1rem;display:flex}.UBoD6a_sidebar nav a{font-size:.85rem}.UBoD6a_sidebar nav a span{display:none}.UBoD6a_intro{padding-block:var(--ui-space-7)}.UBoD6a_preview{padding:var(--ui-space-4)}}@media print{.UBoD6a_sidebar,.UBoD6a_masthead,.UBoD6a_skipLink{display:none}.UBoD6a_workbench{display:block}.UBoD6a_section{break-inside:avoid;margin-bottom:2rem}}
.W_Tz2a_pageFigure{width:100%;max-width:15rem;padding:var(--ui-space-4) 0;margin:0}.W_Tz2a_pagePreview{background-color:var(--ui-paper);background-image:var(--ui-texture-paper);border:1px solid var(--ui-border);width:100%;box-shadow:var(--ui-material-shadow);position:relative}.W_Tz2a_artworkSlot{border:2px solid var(--ui-russet);background:var(--ui-surface-soft);color:var(--ui-text);place-items:center;display:grid;position:absolute;inset:0 auto auto 0;overflow:hidden}.W_Tz2a_artworkSlot img{object-fit:contain;width:100%;height:100%}.W_Tz2a_artworkSlot>span{font:.8rem var(--ui-font-label);padding:.2rem}.W_Tz2a_pageFigure figcaption{margin-top:var(--ui-space-3);color:var(--ui-text);font-size:.95rem}.W_Tz2a_pageFigure figcaption span{color:var(--ui-muted);font-size:.85rem;display:block}.W_Tz2a_adSummary{align-items:center;gap:var(--ui-space-4);min-width:0;display:flex}.W_Tz2a_adSummary strong{font:400 1.6rem/1.25 var(--ui-font-heading);display:block}.W_Tz2a_adSummary>span:last-child>span{font-size:.9rem;font-weight:400;display:block}.W_Tz2a_adThumbnail{aspect-ratio:148/210;background:var(--ui-surface-soft);border:1px solid var(--ui-border);flex-shrink:0;width:3rem;display:block;position:relative}.W_Tz2a_adThumbnail>span{background:var(--ui-russet);opacity:.8;display:block;position:absolute}.W_Tz2a_offerSummary{justify-content:space-between;gap:var(--ui-space-2) var(--ui-space-5);flex-wrap:wrap;width:100%;display:flex}.W_Tz2a_offerSummary strong{font-weight:500}.W_Tz2a_adOffer[data-appearance]>summary{--ui-text:#fff;--ui-focus:#f4ce80;min-height:3rem;padding:0 var(--ui-space-4) 0 0;gap:var(--ui-space-3);color:var(--ui-text);position:relative}.W_Tz2a_adOffer[data-appearance] .W_Tz2a_offerSummary{justify-content:flex-start;align-items:center;gap:var(--ui-space-3);flex:1}.W_Tz2a_adOffer[data-appearance] .W_Tz2a_offerSummary>strong{padding-block:var(--ui-space-2);margin-left:auto}.W_Tz2a_adOffer[data-appearance=colour]>summary{background-color:var(--ui-ink-deep);background-image:var(--ui-texture-parchment);background-size:512px}.W_Tz2a_adOffer[data-appearance=colour]>summary:after{content:"";background:linear-gradient(90deg,red,#ff9a00,#d0de21,#4fd84a,#3fdad8,#2fc9e2,#1c7fee,#5f15f2,#ba0cf8,#fb07d9,red);height:3px;position:absolute;inset:auto 0 0}.W_Tz2a_adOffer[data-appearance=mono]>summary{background:#000}.W_Tz2a_printInset{flex:0 0 3rem;align-self:stretch;min-height:3rem;position:relative;overflow:hidden}.W_Tz2a_printInset:before{content:"";background:#fff;width:4rem;height:4rem;position:absolute;left:0;transform:rotate(35deg)translate(-70%)}.W_Tz2a_adOffer[data-appearance=colour] .W_Tz2a_printInset:before{background:linear-gradient(#000 25%,#ff0 25% 50%,#f0f 50% 75%,#0ff 75%)}.W_Tz2a_adOffer[data-appearance]>summary+div{padding-top:var(--ui-space-4)}.W_Tz2a_magazineStage{background:var(--ui-surface-soft);justify-content:center;padding:3rem;display:flex;overflow:hidden}.W_Tz2a_magazineLink{width:min(260px,100%);display:block}.W_Tz2a_magazineLink img{width:100%;height:auto;display:block}@media (max-width:620px){.W_Tz2a_magazineStage{padding:2rem 1rem}}.W_Tz2a_adOffer[data-discount="5"]{--ui-discount-color:var(--ui-discount-5)}.W_Tz2a_adOffer[data-discount="10"]{--ui-discount-color:var(--ui-discount-10)}.W_Tz2a_adOffer[data-discount="20"]{--ui-discount-color:var(--ui-discount-20)}.W_Tz2a_adOffer[data-discount]>summary{background:color-mix(in srgb, var(--ui-discount-color) 15%, var(--ui-paper));color:var(--ui-print-black)}.W_Tz2a_offerSummary{align-items:center}
.t1J77q_magcontainer{perspective:800px;justify-content:center;align-items:center;display:flex;transform:scale(.9)}.t1J77q_mag{transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,-.47,.44,1.27);position:relative;transform:rotateY(-20deg)scale(.9)rotateX(5deg);box-shadow:10px 70px 150px 50px #0009}.t1J77q_magcontainer:hover .t1J77q_mag,.t1J77q_magcontainer:focus-within .t1J77q_mag,.t1J77q_magcontainer:focus .t1J77q_mag{transform:rotateY(0)scale(1.1)rotateX(0)}.t1J77q_magimage{border-radius:1px 2px 2px 1px;width:100%;transition:-webkit-mask-position .7s cubic-bezier(.4,-.47,.44,1.27),mask-position .7s cubic-bezier(.4,-.47,.44,1.27);position:relative;transform:translateZ(16px);-webkit-mask-image:linear-gradient(45deg,#000 25%,#00000080 50%,#000 75%);mask-image:linear-gradient(45deg,#000 25%,#00000080 50%,#000 75%);-webkit-mask-position:0;mask-position:0;-webkit-mask-size:400%;mask-size:400%}.t1J77q_magimage>:first-child{width:100%;position:relative}.t1J77q_magcontainer:hover .t1J77q_magimage,.t1J77q_magcontainer:focus-within .t1J77q_magimage,.t1J77q_magcontainer:focus .t1J77q_magimage{opacity:1;-webkit-mask-position:120%;mask-position:120%}@media (prefers-reduced-motion:reduce){.t1J77q_magcontainer{transform:none}.t1J77q_mag,.t1J77q_magcontainer:hover .t1J77q_mag,.t1J77q_magcontainer:focus-within .t1J77q_mag{transition:none;transform:none}.t1J77q_magimage{transition:none;-webkit-mask-image:none;mask-image:none}}.t1J77q_shine{background:#f2e9de;border-radius:0 2px 2px 0;position:absolute;inset:1px;transform:translateZ(16px)}.t1J77q_pages{content:" ";background:linear-gradient(90deg,#f2e9de 0%,#ab9e8a 5%,#f2e9de 10%,#ab9e8a 15%,#f2e9de 20%,#ab9e8a 25%,#f2e9de 30%,#ab9e8a 35%,#f2e9de 40%,#ab9e8a 45%,#f2e9de 50%,#ab9e8a 55%,#f2e9de 60%,#ab9e8a 65%,#f2e9de 70%,#ab9e8a 75%,#f2e9de 80%,#ab9e8a 85%,#f2e9de 90%,#ab9e8a 95%,#f2e9de 100%);width:2%;height:101%;position:absolute;top:-.5%;right:-5px;transform:rotateY(20deg)}