.sg-page{padding-block:var(--space-10) var(--space-16)}.sg-page__head{max-width:60ch;margin:0 auto var(--space-10);text-align:center}.sg-page__label{color:var(--ink-3);margin:0 0 var(--space-3)}.sg-page__title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.75rem);font-weight:500;line-height:1.05;letter-spacing:-.015em;margin:0 0 var(--space-4);color:var(--ink)}.sg-page__title em{font-style:italic;font-weight:400}.sg-page__title p{margin:0}.sg-page__intro{color:var(--ink-3);font-size:var(--text-base);line-height:1.6}.sg-page__intro p{margin:0}.sg-notice{margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--ink);color:var(--paper);border-radius:var(--radius-sm, 4px);font-size:var(--text-sm);opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s}.sg-notice.is-visible{opacity:1;transform:translateY(0)}.sg-notice--error{background:#8a3a3a}.sg-layout{display:grid;grid-template-columns:360px 1fr;gap:var(--space-8);align-items:start}@media(max-width:899px){.sg-layout{grid-template-columns:1fr;gap:var(--space-6)}}.sg-config{display:flex;flex-direction:column;gap:var(--space-6);position:sticky;top:calc(var(--header-h, 60px) + var(--space-3));max-height:calc(100vh - var(--header-h, 60px) - var(--space-6));overflow-y:auto;padding:var(--space-1)}@media(max-width:899px){.sg-config{position:static;max-height:none;overflow:visible}}.sg-config__group{background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--radius-sm, 4px);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.sg-config__head{display:flex;justify-content:space-between;align-items:baseline}.sg-config__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;margin:0}.sg-config__hint{font-size:.7rem;color:var(--ink-3)}.sg-colors{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.sg-color{display:grid;grid-template-columns:36px 1fr 70px 28px;gap:var(--space-2);align-items:center}.sg-color__swatch{width:36px;height:36px;border-radius:50%;border:1px solid var(--paper-edge);cursor:pointer;padding:0;background:transparent;position:relative}.sg-color__swatch input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.sg-color__hex{font:inherit;font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-2) var(--space-3);background:var(--paper-deep, var(--paper));border:1px solid var(--paper-edge);border-radius:var(--radius-sm, 4px);color:var(--ink);text-transform:uppercase}.sg-color__hex:focus{outline:none;border-color:var(--ocker-deep)}.sg-color__qty{font:inherit;font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-2);background:var(--paper-deep, var(--paper));border:1px solid var(--paper-edge);border-radius:var(--radius-sm, 4px);color:var(--ink);text-align:center}.sg-color__qty:focus{outline:none;border-color:var(--ocker-deep)}.sg-color__remove{width:28px;height:28px;border:none;background:transparent;color:var(--ink-3);font-size:16px;border-radius:50%;cursor:pointer}.sg-color__remove:hover{background:var(--paper-deep, var(--paper-edge));color:var(--ink)}.sg-add-color{align-self:start;display:inline-flex;align-items:center;gap:var(--space-2)}.sg-field{display:flex;flex-direction:column;gap:var(--space-2)}.sg-field--inline{flex-direction:row;align-items:center;gap:var(--space-3)}.sg-field__label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.sg-field__input{font:inherit;font-family:var(--font-mono);padding:var(--space-2) var(--space-3);background:var(--paper-deep, var(--paper));border:1px solid var(--paper-edge);border-radius:var(--radius-sm, 4px);color:var(--ink);width:100%}.sg-field__input:focus{outline:none;border-color:var(--ocker-deep)}.sg-field fieldset{border:none;margin:0;padding:0}.sg-field legend{padding:0}.sg-blocks{display:flex;flex-wrap:wrap;gap:var(--space-2)}.sg-block{cursor:pointer;-webkit-user-select:none;user-select:none}.sg-block input{position:absolute;opacity:0;pointer-events:none}.sg-block__chip{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--paper-edge);background:var(--paper);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink-2);transition:background .12s,color .12s,border-color .12s}.sg-block input:checked+.sg-block__chip{background:var(--ink);color:var(--paper);border-color:var(--ink)}.sg-block input:focus-visible+.sg-block__chip{outline:2px solid var(--ocker-deep);outline-offset:2px}.sg-actions{display:flex;flex-direction:column;gap:var(--space-2)}.sg-actions .btn{width:100%;justify-content:center}.sg-result{background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--radius-sm, 4px);padding:var(--space-6);min-height:600px}.sg-result__empty{text-align:center;padding:var(--space-12) var(--space-4);color:var(--ink-3)}.sg-result__head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--paper-edge)}.sg-result__name{font:inherit;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;padding:var(--space-1) var(--space-2);background:transparent;border:1px dashed transparent;color:var(--ink);border-radius:var(--radius-sm, 4px);flex:1 1 240px;min-width:0}.sg-result__name:hover{border-color:var(--paper-edge)}.sg-result__name:focus{outline:none;border-color:var(--ocker-deep);border-style:solid}.sg-result__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.sg-pattern-wrap{display:grid;grid-template-columns:1fr 80px;gap:var(--space-3);margin-bottom:var(--space-8)}.sg-pattern{display:flex;flex-direction:column;background:var(--paper-deep, var(--paper));border:1px solid var(--paper-edge);border-radius:var(--radius-sm, 4px);overflow:hidden;min-height:480px;max-height:1400px}.sg-stripe{flex:var(--sg-flex, 1);position:relative;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--space-3);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.04em;color:var(--paper);text-shadow:0 1px 2px rgba(0,0,0,.4);min-height:6px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.sg-stripe__count{opacity:.85}.sg-pattern__axis{position:relative;font-family:var(--font-mono);font-size:.65rem;color:var(--ink-3);border-left:1px solid var(--paper-edge)}.sg-axis-mark{position:absolute;left:8px;transform:translateY(-50%);white-space:nowrap}.sg-requirements__title{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin:0 0 var(--space-4)}.sg-requirements__table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.sg-requirements__table th{text-align:left;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--paper-edge);font-weight:400}.sg-requirements__table td{padding:var(--space-3);border-bottom:1px solid var(--paper-edge);color:var(--ink-2)}.sg-requirements__table .sg-num{text-align:right;font-family:var(--font-mono)}.sg-req-swatch{display:inline-block;width:22px;height:22px;border-radius:50%;-webkit-print-color-adjust:exact;print-color-adjust:exact;border:1px solid var(--paper-edge);vertical-align:middle}@page{margin:14mm 12mm}@media print{*,*:before,*:after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.site-header,.site-footer,header.site-header,footer.site-footer,.header,.header-mega,.announcement,.announcement-bar,.footer,.footer-bottom,.footer-strip,.newsletter-pill,[data-newsletter-pill],.region-suggest,.region-switcher,.cart-drawer,.cart-overlay,.pdp-sticky-bar,iframe,[id^=shopify-chat],[class^=shopify-chat],.shopify-chat-container,[id*=userway i],[class*=userway i],[id*=judgeme i],[class*=jdgm i],[class*=judgeme i],[data-jdgm],[data-judgeme],[id*=LoveLoyalty],[class*=LoveLoyalty],[class*=loyalty-launcher],[id*=shop-pay-banner],[class*=shop-pay-banner],[id*=klaviyo i],[class*=klaviyo i],.sg-config,.sg-result__actions,.sg-page__head,.sg-notice,.sg-result__empty{display:none!important}html,body{background:#fff!important;color:#000!important;margin:0!important}.sg-page,.sg-page.container,main,#main-content{padding:0!important;margin:0!important;max-width:none!important;background:#fff!important}.sg-layout{display:block!important}.sg-result{border:none!important;padding:0!important;margin:0!important;background:#fff!important}.sg-result__head{display:block!important;margin:0 0 4mm!important;page-break-after:avoid;break-after:avoid}.sg-result__name{border:none!important;background:transparent!important;padding:0!important;font-family:var(--font-display);font-size:18pt;font-weight:400;color:#000;width:100%}.sg-pattern-wrap{display:grid!important;grid-template-columns:1fr 16mm!important;gap:4mm!important;margin:0 0 6mm!important}.sg-pattern{height:165mm!important;min-height:0!important;max-height:none!important;border:.5pt solid #999!important;border-radius:0!important;overflow:hidden!important;page-break-inside:avoid;break-inside:avoid}.sg-stripe{color:#fff!important;text-shadow:0 1pt 1pt rgba(0,0,0,.5);min-height:0!important}.sg-pattern__axis{font-size:7pt!important;color:#444!important;border-left:.5pt solid #999!important}.sg-requirements{page-break-inside:avoid;break-inside:avoid;margin-top:4mm}.sg-requirements__title{color:#000!important}.sg-requirements__table{font-size:9pt!important;color:#000!important}.sg-requirements__table th{color:#444!important}.sg-requirements__table td{color:#000!important}.sg-req-swatch{border:.5pt solid #555!important}}@media(max-width:599px){.sg-result{padding:var(--space-3)}.sg-result__head{flex-direction:column;align-items:stretch;gap:var(--space-3)}.sg-result__name{width:100%}.sg-result__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.sg-result__actions .btn{flex:1 1 calc(50% - var(--space-2));min-width:0;padding-inline:var(--space-3);font-size:var(--text-xs)}.sg-pattern-wrap{grid-template-columns:1fr 36px;gap:var(--space-2)}.sg-pattern{min-height:360px}.sg-pattern__axis{font-size:.6rem}.sg-stripe{font-size:.6rem;padding-right:var(--space-2)}.sg-requirements__table{font-size:.75rem}.sg-requirements__table th,.sg-requirements__table td{padding:var(--space-2)}.sg-req-swatch{width:16px;height:16px}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/stripe-generator.css.map */