.icon{display:inline-block;vertical-align:-.2em;width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.icon--sm{width:16px;height:16px}.icon--lg{width:24px;height:24px}.btn{--btn-bg: var(--dsg-white);--btn-fg: var(--dsg-text);--btn-bd: var(--dsg-border-strong);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--control-h);padding:0 var(--sp-4);font-size:var(--fs-13);font-weight:var(--fw-semi);letter-spacing:.02em;line-height:1;text-transform:uppercase;white-space:nowrap;text-decoration:none;color:var(--btn-fg);background:var(--btn-bg);border:var(--bw) solid var(--btn-bd);border-radius:var(--radius-2);cursor:pointer;position:relative;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}.btn:hover{text-decoration:none}.btn--sm{min-height:var(--control-h-sm);padding:0 var(--sp-3);font-size:var(--fs-12)}.btn--lg{min-height:var(--control-h-lg);padding:0 var(--sp-5);font-size:var(--fs-15)}.btn--block{width:100%}.btn--primary{--btn-bg: var(--dsg-blue);--btn-fg: var(--dsg-white);--btn-bd: var(--dsg-blue)}.btn--primary:hover{--btn-bg: var(--dsg-blue-hover);--btn-bd: var(--dsg-blue-hover)}.btn--primary:active{--btn-bg: var(--dsg-blue-active)}.btn--secondary{--btn-bg: var(--dsg-white);--btn-fg: var(--dsg-blue);--btn-bd: var(--dsg-blue)}.btn--secondary:hover{--btn-bg: var(--dsg-blue-tint);--btn-fg: var(--dsg-blue-hover);--btn-bd: var(--dsg-blue-hover)}.btn--secondary:active{--btn-bg: var(--dsg-blue-tint-2)}.btn--tertiary{--btn-bg: transparent;--btn-fg: var(--dsg-text-2);--btn-bd: transparent;padding:0 var(--sp-2);text-transform:none;letter-spacing:0;font-weight:var(--fw-medium)}.btn--tertiary:hover{--btn-fg: var(--dsg-blue);--btn-bg: var(--dsg-bg)}.btn--tertiary:active{--btn-bg: var(--dsg-bg-2)}.btn--outline{--btn-bg: var(--dsg-white);--btn-fg: var(--dsg-text);--btn-bd: var(--dsg-border-strong);text-transform:none;letter-spacing:0}.btn--outline:hover{--btn-bd: var(--dsg-text-2)}.btn--icon{padding:0;width:var(--control-h)}.btn--sm.btn--icon{width:var(--control-h-sm)}.btn:disabled,.btn[aria-disabled=true]{--btn-bg: var(--dsg-bg-2);--btn-fg: var(--dsg-text-3);--btn-bd: var(--dsg-bg-2);cursor:not-allowed}.btn--tertiary:disabled{--btn-bg: transparent}.btn.is-loading{color:transparent!important;pointer-events:none}.btn.is-loading:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid var(--btn-fg);border-right-color:transparent;animation:dsg-spin .7s linear infinite}.btn--primary.is-loading:after{border-color:var(--dsg-white);border-right-color:transparent}.btn.is-success{--btn-bg: var(--dsg-success);--btn-bd: var(--dsg-success);--btn-fg: var(--dsg-white)}@keyframes dsg-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.btn.is-loading:after{animation-duration:2s}}.input,.select{height:var(--control-h);width:100%;padding:0 var(--sp-3);background:var(--dsg-white);border:var(--bw) solid var(--dsg-border-strong);border-radius:var(--radius-2);font-size:var(--fs-14)}.input:focus-visible,.select:focus-visible{border-color:var(--dsg-blue)}.select{-webkit-appearance:none;appearance:none;padding-right:var(--sp-8);background-image:linear-gradient(45deg,transparent 50%,var(--dsg-text-2) 50%),linear-gradient(135deg,var(--dsg-text-2) 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat}.field-label{display:block;font-size:var(--fs-12);font-weight:var(--fw-semi);color:var(--dsg-text-2);margin-bottom:var(--sp-1)}@media(max-width:767px){.input,.select{font-size:var(--fs-16)}}.check{display:flex;align-items:flex-start;gap:var(--sp-2);cursor:pointer;font-size:var(--fs-13);line-height:1.35;padding:3px 0}.check input{-webkit-appearance:none;appearance:none;flex:none;width:16px;height:16px;margin:1px 0 0;border:var(--bw) solid var(--dsg-border-strong);border-radius:var(--radius-1);background:var(--dsg-white);display:grid;place-content:center;cursor:pointer}.check input:before{content:"";width:9px;height:5px;border:2px solid var(--dsg-white);border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px);opacity:0}.check input:checked{background:var(--dsg-blue);border-color:var(--dsg-blue)}.check input:checked:before{opacity:1}.check input:focus-visible{box-shadow:var(--focus-ring)}.check input[type=radio]{border-radius:50%}.check input[type=radio]:before{width:6px;height:6px;border:0;border-radius:50%;background:var(--dsg-white);transform:none}.check__count{margin-left:auto;color:var(--dsg-text-3);font-size:var(--fs-12);font-variant-numeric:tabular-nums;padding-left:var(--sp-2)}.check.is-empty{color:var(--dsg-text-3)}.qty{display:inline-flex;align-items:stretch;height:var(--control-h);border:var(--bw) solid var(--dsg-border-strong);border-radius:var(--radius-2);background:var(--dsg-white)}.qty button{width:32px;border:0;background:none;cursor:pointer;color:var(--dsg-text-2);display:grid;place-items:center}.qty button:hover{color:var(--dsg-blue);background:var(--dsg-bg)}.qty button:disabled{color:var(--dsg-border-strong);cursor:default;background:none}.qty input{width:40px;border:0;border-inline:var(--bw) solid var(--dsg-border);text-align:center;font-weight:var(--fw-semi);font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:none}.qty input::-webkit-inner-spin-button,.qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty input:focus-visible{box-shadow:inset 0 0 0 2px var(--dsg-blue);border-radius:0}.qty--lg{height:var(--control-h-lg)}.qty--lg button{width:40px}.qty--lg input{width:48px;font-size:var(--fs-16)}.badge-count{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--dsg-blue);color:var(--dsg-white);font-size:var(--fs-11);font-weight:var(--fw-bold);line-height:18px;text-align:center;font-variant-numeric:tabular-nums}.badge-count[data-count="0"]{display:none}.tag{display:inline-flex;align-items:center;gap:var(--sp-1);height:20px;padding:0 6px;border-radius:var(--radius-1);font-size:var(--fs-11);font-weight:var(--fw-semi);letter-spacing:.03em;text-transform:uppercase;background:var(--dsg-bg-2);color:var(--dsg-text-2);white-space:nowrap}.tag--pickup{background:var(--dsg-navy);color:var(--dsg-white)}.tag--new{background:var(--dsg-blue-tint);color:var(--dsg-blue-active)}.tag--sale{background:var(--dsg-error-tint);color:var(--dsg-error)}.tag .icon{width:12px;height:12px;stroke-width:2.2}.price{font-size:var(--fs-18);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;color:var(--dsg-text);line-height:1.1;white-space:nowrap}.price--lg{font-size:var(--fs-26)}.price__was{font-size:var(--fs-12);color:var(--dsg-text-3);text-decoration:line-through;font-weight:var(--fw-regular);margin-left:var(--sp-1)}.price__unit{font-size:var(--fs-12);color:var(--dsg-text-3);font-weight:var(--fw-regular)}.price__note{font-size:var(--fs-12);color:var(--dsg-text-3)}.avail{list-style:none;margin:0;padding:0;display:grid;gap:2px;font-size:var(--fs-13)}.avail__row{display:flex;align-items:center;gap:6px;line-height:1.35;white-space:nowrap}.avail__mark{width:16px;height:16px;flex:none;display:grid;place-items:center;border-radius:50%}.avail__mark .icon{width:12px;height:12px;stroke-width:2.6}.avail__row.is-in .avail__mark{background:var(--dsg-success);color:var(--dsg-white)}.avail__row.is-low .avail__mark{background:var(--dsg-warning);color:var(--dsg-white)}.avail__row.is-out .avail__mark{background:var(--dsg-bg-2);color:var(--dsg-text-3)}.avail__store{font-weight:var(--fw-semi)}.avail__row.is-out .avail__store{font-weight:var(--fw-regular);color:var(--dsg-text-3)}.avail__status{color:var(--dsg-success)}.avail__row.is-low .avail__status{color:var(--dsg-warning)}.avail__row.is-out .avail__status{color:var(--dsg-text-3)}.avail__qty{color:var(--dsg-text-3);font-variant-numeric:tabular-nums}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 6px 0 10px;border:var(--bw) solid var(--dsg-blue-tint-2);background:var(--dsg-blue-tint);color:var(--dsg-blue-active);border-radius:var(--radius-2);font-size:var(--fs-12);font-weight:var(--fw-medium);cursor:pointer;white-space:nowrap}.chip:hover{border-color:var(--dsg-blue)}.chip .icon{width:14px;height:14px;stroke-width:2.2}.chip b{font-weight:var(--fw-regular);color:var(--dsg-text-2)}.link-btn{background:none;border:0;padding:0;color:var(--dsg-blue);font-size:var(--fs-13);cursor:pointer;font-weight:var(--fw-medium)}.link-btn:hover{text-decoration:underline}.media{position:relative;aspect-ratio:4 / 3;background:var(--dsg-white);overflow:hidden;max-width:100%}.media--wide{aspect-ratio:2 / 1}.media>img,.media>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.crumbs{display:flex;flex-wrap:wrap;gap:2px 6px;align-items:center;list-style:none;margin:0;padding:0;font-size:var(--fs-12);color:var(--dsg-text-3)}.crumbs li{display:flex;align-items:center;gap:6px}.crumbs li+li:before{content:"/";color:var(--dsg-border-strong)}.crumbs a{color:var(--dsg-text-2)}.crumbs [aria-current]{color:var(--dsg-text);font-weight:var(--fw-medium)}.spec-group+.spec-group{margin-top:var(--sp-5)}.spec-group__title{font-size:var(--fs-13);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--dsg-text-2);padding:0 0 var(--sp-2);border-bottom:2px solid var(--dsg-text);margin:0}.spec-table{width:100%;border-collapse:collapse;font-size:var(--fs-13)}.spec-table th,.spec-table td{text-align:left;vertical-align:top;padding:7px var(--sp-3) 7px 0;border-bottom:var(--bw) solid var(--dsg-border)}.spec-table th{width:40%;font-weight:var(--fw-medium);color:var(--dsg-text-2)}.spec-table td{color:var(--dsg-text);font-variant-numeric:tabular-nums}.spec-table tr:nth-child(2n) th,.spec-table tr:nth-child(2n) td{background:color-mix(in srgb,var(--dsg-bg) 55%,transparent)}.docs{list-style:none;margin:0;padding:0;border-top:var(--bw) solid var(--dsg-border)}.doc{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:var(--bw) solid var(--dsg-border)}.doc__type{width:34px;height:40px;position:relative;display:grid;place-items:end center;padding-bottom:5px;border:1.5px solid var(--dsg-border-strong);border-radius:2px 9px 2px 2px;background:var(--dsg-white);font-size:9px;font-weight:var(--fw-bold);letter-spacing:.04em;color:var(--dsg-white)}.doc__type span{display:block;min-width:26px;text-align:center;padding:1px 2px;border-radius:1px;background:var(--doc-c, var(--dsg-text-2))}.doc__type[data-ext=PDF]{--doc-c: var(--dsg-error)}.doc__type[data-ext=DWG],.doc__type[data-ext=DXF]{--doc-c: var(--dsg-blue)}.doc__type[data-ext=ZIP]{--doc-c: var(--dsg-warning)}.doc__type[data-ext=RVT]{--doc-c: var(--dsg-navy)}.doc__title{font-size:var(--fs-14);font-weight:var(--fw-medium);color:var(--dsg-text)}.doc__meta{font-size:var(--fs-12);color:var(--dsg-text-3)}.acc{border-top:var(--bw) solid var(--dsg-border)}.acc>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);min-height:48px;cursor:pointer;font-weight:var(--fw-semi);font-size:var(--fs-14)}.acc>summary::-webkit-details-marker{display:none}.acc>summary .icon{transition:transform var(--t-fast);color:var(--dsg-text-2)}.acc[open]>summary .icon{transform:rotate(180deg)}.acc__body{padding-bottom:var(--sp-4)}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);display:flex}.drawer[hidden]{display:none}.drawer__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0e1d2b80;border:0}.drawer__panel{position:relative;display:flex;flex-direction:column;background:var(--dsg-white);width:min(420px,100%);height:100%;box-shadow:var(--shadow-drawer)}.drawer--right{justify-content:flex-end}.drawer--sheet{align-items:flex-end}.drawer--sheet .drawer__panel{width:100%;height:auto;max-height:85%;border-radius:var(--radius-2) var(--radius-2) 0 0}.drawer__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4);padding-top:calc(var(--sp-2) + env(safe-area-inset-top,0px));border-bottom:var(--bw) solid var(--dsg-border);min-height:56px}.drawer__body{flex:1;overflow-y:auto;padding:0 var(--sp-4);overscroll-behavior:contain}.drawer__foot{display:flex;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);padding-bottom:calc(var(--sp-3) + env(safe-area-inset-bottom,0px));border-top:var(--bw) solid var(--dsg-border);background:var(--dsg-white)}.toast-region{position:fixed;z-index:var(--z-toast);right:var(--sp-4);top:calc(var(--sp-4) + env(safe-area-inset-top,0px));display:grid;gap:var(--sp-2);width:min(380px,calc(100% - 2 * var(--sp-4)));pointer-events:none}.toast{pointer-events:auto;display:grid;grid-template-columns:24px 1fr auto;gap:var(--sp-3);align-items:start;padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);background:var(--dsg-navy);color:var(--dsg-text-on-dark);border-radius:var(--radius-2);box-shadow:var(--shadow-pop);font-size:var(--fs-13)}.toast .icon{color:var(--dsg-blue-2)}.toast strong{color:var(--dsg-white);display:block;font-weight:var(--fw-semi)}.toast a{color:var(--dsg-blue-2);font-weight:var(--fw-semi)}.toast button{background:none;border:0;color:var(--dsg-text-on-dark-2);cursor:pointer;padding:2px}@media(max-width:767px){.toast-region{left:var(--sp-3);right:var(--sp-3);width:auto;top:auto;bottom:calc(84px + env(safe-area-inset-bottom,0px))}}.pager{display:flex;gap:var(--sp-1);justify-content:center;align-items:center}.pager a,.pager span{min-width:36px;height:36px;display:grid;place-items:center;padding:0 var(--sp-2);border:var(--bw) solid var(--dsg-border);background:var(--dsg-white);border-radius:var(--radius-2);color:var(--dsg-text);font-variant-numeric:tabular-nums}.pager [aria-current]{background:var(--dsg-blue);border-color:var(--dsg-blue);color:var(--dsg-white);font-weight:var(--fw-semi)}.rating{display:inline-flex;align-items:center;gap:1px;color:var(--dsg-warning)}.rating .icon{width:14px;height:14px;fill:currentColor;stroke-width:1}.rating .icon.is-off{fill:none;color:var(--dsg-border-strong)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dsg-components.css.map */