[data-noko-compact-variants] .noko-variant-box{padding:20px;color:#1c1c1c;background:#f7f7f7;border:1px solid transparent;border-radius:0;box-shadow:none;container:noko-variants / inline-size}[data-noko-compact-variants] .noko-variant-box>.product-info__block-item{margin:0}[data-noko-compact-variants] .noko-variant-box [data-block-type=inventory]{margin-top:16px}[data-noko-compact-variants] .noko-variant-box progress-bar{display:none}[data-noko-compact-variants] .noko-variant-box [data-block-type=inventory]{font-size:12px}[data-noko-compact-variants] .noko-variant-box [data-block-type=inventory] .text-success{color:#327447}[data-noko-compact-variants] .noko-variant-box [data-block-type=inventory] .text-warning{color:#805600}[data-noko-compact-variants] .noko-variant-box [data-block-type=inventory] .text-error{color:#b42323}[data-noko-compact-variants] .noko-variant-box variant-picker{display:grid;gap:20px}[data-noko-compact-variants] .noko-variant-box variant-picker fieldset{display:grid;gap:8px;min-width:0}[data-noko-compact-variants] .noko-variant-box variant-picker fieldset:nth-of-type(1){--noko-option-columns: 4}[data-noko-compact-variants] .noko-variant-box variant-picker fieldset:nth-of-type(2){--noko-option-columns: 4}[data-noko-compact-variants] .noko-variant-box variant-picker fieldset:nth-of-type(3){--noko-option-columns: 2}[data-noko-compact-variants] .noko-variant-box variant-picker .variant-picker__option-info>.h-stack>span{display:none}[data-noko-compact-variants] .noko-variant-box variant-picker .variant-picker__option-info{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:26px}[data-noko-compact-variants] .noko-variant-box variant-picker legend{display:block;margin:0;padding:0;color:#1c1c1c;font-size:12px;font-weight:500;line-height:1.4;text-align:left;text-transform:uppercase}[data-noko-compact-variants] .noko-option-number,[data-noko-compact-variants] .noko-option-selected{display:none}[data-noko-compact-variants] .noko-option-guide{display:inline-flex;align-items:center;justify-content:flex-end;flex-shrink:0;gap:6px;min-height:26px;padding:2px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#1c1c1c;font:inherit;font-size:12px;font-weight:400;line-height:1.4;text-transform:uppercase;position:relative;text-decoration:none;cursor:pointer;transition:color .18s ease}[data-noko-compact-variants] .noko-option-guide:before{content:"";position:absolute;left:0;bottom:4px;width:calc(100% - 15px);height:1px;background:currentColor;transform:scaleX(1);transform-origin:left center;opacity:1;pointer-events:none}[data-noko-compact-variants] .noko-option-guide:after{content:"";width:9px;height:9px;flex:0 0 9px;background:linear-gradient(currentColor,currentColor) center / 9px 1px no-repeat,linear-gradient(currentColor,currentColor) center / 1px 9px no-repeat;transition:color .18s ease}[data-noko-compact-variants] .noko-variant-box variant-picker .variant-picker__option-values{display:grid;grid-template-columns:repeat(var(--noko-option-columns, 2),minmax(0,1fr));gap:7px}[data-noko-compact-variants] .noko-variant-box variant-picker .block-swatch{position:relative;display:flex;width:100%;min-width:0;min-height:36px;margin:0;padding:8px 20px;justify-content:center;align-items:center;gap:6px;border:0;border-radius:0;background:#fff;color:#1c1c1c;box-shadow:none;font-family:inherit;font-size:12px;font-weight:500;line-height:1.35;text-align:left;cursor:pointer;transition:background-color .18s ease,transform .18s ease}[data-noko-compact-variants] .noko-variant-box variant-picker input:disabled+.block-swatch{display:none}[data-noko-compact-variants] .noko-variant-box variant-picker input:checked+.block-swatch{color:#1c1c1c;background:#d3d3d3;border:0;box-shadow:none}[data-noko-compact-variants] .noko-variant-box variant-picker .block-swatch:after{content:none;display:none}[data-noko-compact-variants] .noko-variant-box variant-picker input:focus-visible+.block-swatch,[data-noko-compact-variants] .noko-option-guide:focus-visible{outline:2px solid #737373;outline-offset:3px}[data-noko-compact-variants] .noko-variant-box variant-picker .block-swatch.is-disabled{--swatch-disabled-strike-color: currentColor;opacity:.65}[data-noko-compact-variants] .noko-option-copy{display:flex;flex-direction:column;gap:1px;min-width:0;overflow-wrap:anywhere}[data-noko-compact-variants] .noko-option-name{font-size:12px;font-weight:500}[data-noko-compact-variants] .noko-option-detail{color:#626262;font-size:12px;font-weight:400;line-height:1.35}[data-noko-compact-variants] .noko-variant-box variant-picker input:checked+.block-swatch .noko-option-detail{color:#505050}[data-noko-compact-variants] :is([data-noko-kind=color],variant-picker fieldset:nth-of-type(2)) .block-swatch{min-height:73px;padding:8px 10px;flex-direction:column;align-items:flex-start;justify-content:center}[data-noko-compact-variants] :is([data-noko-kind=color],variant-picker fieldset:nth-of-type(2)) .block-swatch__color{width:20px;height:12px;flex:0 0 12px;border-radius:0;border:0}[data-noko-compact-variants] :is([data-noko-kind=handle],variant-picker fieldset:nth-of-type(3)) .block-swatch{min-height:49px;padding:8px 11px;justify-content:flex-start}[data-noko-compact-variants] .product-info__block-item.noko-guide-source{margin:0}[data-noko-compact-variants] .noko-variant-box>.noko-guide-source{margin:0}[data-noko-compact-variants] .noko-guide-source .noko-sg{margin-top:0!important}[data-noko-compact-variants] .noko-guide-source #noko-hg-compat{margin:0}[data-noko-compact-variants] [data-noko-proxy-active]{display:none!important}@keyframes noko-guide-underline-reload{0%{transform:scaleX(0);opacity:1}to{transform:scaleX(1);opacity:1}}@media(hover:hover)and (pointer:fine){[data-noko-compact-variants] .noko-variant-box variant-picker .block-swatch:not(.is-disabled):hover{background:#e9e9e9;transform:translateY(-1px)}[data-noko-compact-variants] .noko-variant-box variant-picker input:checked+.block-swatch:not(.is-disabled):hover{background:#c8c8c8}[data-noko-compact-variants] .noko-option-guide:hover{color:#000}[data-noko-compact-variants] .noko-option-guide:hover:before{animation:noko-guide-underline-reload .24s ease-out forwards}[data-noko-compact-variants] .noko-option-guide:hover:after{color:red}}@container noko-variants (max-width: 400px){[data-noko-compact-variants] .noko-variant-box variant-picker{gap:18px}[data-noko-compact-variants] .noko-variant-box variant-picker .variant-picker__option-values{gap:6px}[data-noko-compact-variants] .noko-variant-box variant-picker .variant-picker__option-info{min-height:30px}[data-noko-compact-variants] .noko-option-guide{min-height:30px}[data-noko-compact-variants] :is([data-noko-kind=size],variant-picker fieldset:nth-of-type(1)) .block-swatch{min-height:44px;padding:8px 13px}[data-noko-compact-variants] :is([data-noko-kind=color],variant-picker fieldset:nth-of-type(2)) .variant-picker__option-values{grid-template-columns:repeat(2,minmax(0,1fr))}[data-noko-compact-variants] :is([data-noko-kind=color],variant-picker fieldset:nth-of-type(2)) .block-swatch{min-height:49px;padding:8px;flex-direction:row;align-items:center;justify-content:flex-start;gap:7px}[data-noko-compact-variants] :is([data-noko-kind=color],variant-picker fieldset:nth-of-type(2)) .block-swatch__color{width:12px;height:20px;flex:0 0 12px}[data-noko-compact-variants] :is([data-noko-kind=handle],variant-picker fieldset:nth-of-type(3)) .block-swatch{padding:8px 10px}}@media screen and (max-width:699px){[data-noko-compact-variants] .noko-variant-box{padding:16px}}@media(prefers-reduced-motion:reduce){[data-noko-compact-variants] .noko-variant-box variant-picker .block-swatch,[data-noko-compact-variants] .noko-option-guide,[data-noko-compact-variants] .noko-option-guide:before,[data-noko-compact-variants] .noko-option-guide:after{transition:none;transform:none!important;animation:none!important}}@media(forced-colors:active){[data-noko-compact-variants] .noko-variant-box variant-picker .block-swatch{border:1px solid ButtonText}[data-noko-compact-variants] .noko-variant-box variant-picker input:checked+.block-swatch{outline:2px solid Highlight}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/noko-compact-variants.css.map */