.sn-variant-option--size .variant-option__select-wrapper{display:flex;position:relative;border:var(--style-border-width-inputs, 1px) solid var(--color-border, #ccc);border-radius:var(--style-border-radius-inputs, 4px);align-items:center;margin-top:var(--margin-2xs, 4px);overflow:clip}.sn-variant-option--size .variant-option__select-wrapper:hover{border-color:var(--color-variant-hover-border, #999)}.sn-variant-option--size .variant-option__select{padding-block:var(--padding-md, 10px);padding-inline:var(--padding-lg, 14px) calc(var(--padding-lg, 14px) + var(--icon-size-2xs, 12px));-webkit-appearance:none;appearance:none;border:0;width:100%;margin:0;cursor:pointer;font-size:.9rem}.sn-variant-option--size .variant-option__select:focus-visible{outline:var(--focus-outline-width, 2px) solid currentcolor;outline-offset:var(--focus-outline-offset, 2px)}.sn-variant-option--size .variant-option__select-wrapper .icon{position:absolute;right:var(--padding-md, 10px);top:50%;transform:translateY(-50%);width:var(--icon-size-2xs, 12px);height:var(--icon-size-2xs, 12px);pointer-events:none}.sn-variant-option--media{display:flex;flex-wrap:nowrap;gap:var(--gap-sm, 8px)}.sn-variant-option--media legend{margin-block-end:var(--margin-xs, 6px);font-weight:500;width:100%}.sn-media-card{flex:1 1 0;min-width:0;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;white-space:normal;gap:4px;padding:10px 6px 8px;min-height:auto;border-radius:8px;border-width:1.5px;overflow:clip;position:relative}.sn-media-card:has(:checked){border-color:var(--color-foreground, #1a1a1a);background:rgb(var(--color-foreground-rgb, 0 0 0) / .03)}.sn-media-card:hover{border-color:rgb(var(--color-foreground-rgb, 0 0 0) / .4)}.sn-media-icon{width:36px;height:36px;border-radius:4px;flex-shrink:0;position:relative;z-index:2}.sn-media-icon--paper{background:#fff;border:1px solid #ddd}.sn-media-icon--paper-border{background:#fff;border:1px solid #ddd;display:flex;align-items:center;justify-content:center}.sn-media-icon--paper-border:after{content:"";width:58%;height:58%;background:#e0e0e0;border-radius:1px}.sn-media-icon--canvas{background:#f0ece4;border:1px solid #d5cfc5}.sn-media-card__title{font-size:.82rem;font-weight:600;line-height:1.2;z-index:2;pointer-events:none;color:rgb(var(--color-foreground-rgb, 0 0 0) / .7)}.sn-media-card:has(:checked) .sn-media-card__title{color:var(--color-foreground, #1a1a1a)}.sn-media-card__desc{font-size:.72rem;line-height:1.3;z-index:2;pointer-events:none;color:rgb(var(--color-foreground-rgb, 0 0 0) / .45)}.sn-media-card:has(:checked) .sn-media-card__desc{color:rgb(var(--color-foreground-rgb, 0 0 0) / .6)}.sn-variant-option--framing{display:flex;flex-wrap:nowrap;gap:var(--gap-sm, 8px)}.sn-variant-option--framing legend{margin-block-end:var(--margin-xs, 6px);font-weight:500;width:100%}.sn-frame-card{flex:1 1 0;min-width:0;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;white-space:normal;gap:4px;padding:10px 6px 8px;min-height:auto;border-radius:8px;border-width:1.5px;overflow:clip;position:relative}.sn-frame-card:has(:checked){border-color:var(--color-foreground, #1a1a1a);background:rgb(var(--color-foreground-rgb, 0 0 0) / .03)}.sn-frame-card:hover{border-color:rgb(var(--color-foreground-rgb, 0 0 0) / .4)}.sn-frame-timber{width:44px;height:44px;border-radius:50%;object-fit:cover;border:none;z-index:2;pointer-events:none}.sn-frame-card__title{font-size:.82rem;font-weight:600;line-height:1.2;z-index:2;pointer-events:none;color:rgb(var(--color-foreground-rgb, 0 0 0) / .7)}.sn-frame-card:has(:checked) .sn-frame-card__title{color:var(--color-foreground, #1a1a1a)}.sn-frame-card__desc{font-size:.72rem;line-height:1.3;z-index:2;pointer-events:none;color:rgb(var(--color-foreground-rgb, 0 0 0) / .45)}.sn-frame-card:has(:checked) .sn-frame-card__desc{color:rgb(var(--color-foreground-rgb, 0 0 0) / .6)}@media screen and (max-width:749px){.sn-media-card,.sn-frame-card{padding:8px 4px 6px;gap:3px}.sn-media-icon{width:28px;height:28px}.sn-frame-timber{width:36px;height:36px}.sn-media-card__title,.sn-frame-card__title{font-size:.75rem}.sn-media-card__desc,.sn-frame-card__desc{font-size:.65rem}}.sn-frame-card:has(:focus-visible){outline:2px solid var(--color-foreground, #1a1a1a);outline-offset:var(--focus-outline-offset, 2px)}.sn-frame-card:has([data-option-available=false]){opacity:.45}
/*# sourceMappingURL=/cdn/shop/t/4/assets/variant-picker-sn.css.map */