/* Base layer removes user-agent visuals while preserving component designs. */
@layer browser-reset{
 *,*::before,*::after{box-sizing:border-box;border:0 solid currentColor}
 html{line-height:24px;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
 body,h1,h2,h3,h4,h5,h6,p,blockquote,figure,dl,dd,pre,fieldset{margin:0}
 h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;line-height:inherit}
 a,a:visited{color:inherit;text-decoration:none}
 button,input,textarea,select{appearance:none;-webkit-appearance:none;font:inherit;color:inherit;background:transparent;border-radius:0;padding:0;margin:0;box-shadow:none;outline:none}
 button,[type=button],[type=submit],[type=reset]{cursor:pointer;text-transform:none}
 textarea{resize:none}
 input::placeholder,textarea::placeholder{color:#727475;opacity:1}
 input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;margin:0}
 input[type=number]{-moz-appearance:textfield}
 select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23A1A2A6' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}
 input[type=checkbox],input[type=radio]{display:inline-block;vertical-align:middle;width:16px;height:16px;flex:none;border:0;box-shadow:inset 0 0 0 1px #727475;background-color:#0F0F0F;border-radius:4px;cursor:pointer}
 input[type=radio]{border-radius:50%}
 input[type=checkbox]:checked{border-color:#0080FF;background:#0080FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
 input[type=radio]:checked{border-color:#0080FF;background:radial-gradient(circle,#0080FF 0 38%,transparent 42%),#0F0F0F}
 :focus{outline:none}
 :focus-visible{outline:2px solid #0080FF;outline-offset:4px}
 ::selection{color:#FFF;background:rgba(0,128,255,.4)}
 summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}
 img,svg,video,canvas{vertical-align:middle}
 table{border-collapse:collapse;border-spacing:0}
 [hidden]{display:none}
}
a,a:hover,a:focus,a:active,a:visited{text-decoration:none}
html.loom-loading .os-scrollbar{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
#application-modal [aria-invalid=true]{box-shadow:inset 0 0 0 2px #FF6262;border-radius:8px}

input[type=checkbox]:checked,input[type=radio]:checked{box-shadow:inset 0 0 0 1px #0080FF}

/* Action labels never wrap, including text nodes exported from Figma. */
:is(button,[role="button"],[role="tab"],.product-view-tab),:is(button,[role="button"],[role="tab"],.product-view-tab) *{white-space:nowrap!important;text-wrap:nowrap!important;overflow-wrap:normal!important;word-break:keep-all!important}
:is(button,[role="button"],[role="tab"],.product-view-tab){flex-wrap:nowrap!important}