:root{--swatch-border: #CFCBCD;--muted-text-color: #8a8a8a;--muted-border-color: #e3e1dd}.component-variant-selection-new{position:fixed;inset:auto 0 0 0;z-index:100;width:100%;border-top:1px solid var(--muted-border-color);overflow:visible;color:var(--color-text);background-color:var(--color-background);transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);margin-bottom:0!important}.component-variant-selection-new.is-hidden{transform:translateY(105%);pointer-events:none}@media screen and (max-width:767px){.section .product__information{z-index:99}}@media(min-width:768px){.component-variant-selection-new{display:none!important}}.component-variant-selection-new__bar{display:flex;align-items:center;gap:8px;padding:9px 16px}.component-variant-selection-new__select{display:flex;align-items:center;gap:9px;flex:1 1 auto;min-width:0;color:inherit;text-decoration:none}.component-variant-selection-new__thumb{flex:0 0 auto;width:38px;height:38px;border:1px solid var(--swatch-border);background-color:var(--color-background);background-size:cover;background-position:center}.component-variant-selection-new__info{flex:1 1 auto;min-width:0}.component-variant-selection-new__price,.component-variant-selection-new__price .price__container :is(span){margin-bottom:0;font-size:12px;font-weight:var(--font-semi-bold);line-height:1.45}.component-variant-selection-new__change{display:block;font-size:var(--font-body-xs);line-height:1.45;color:var(--color-text-lighter);text-decoration:underline;text-underline-offset:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--font-bold)}.component-variant-selection-new__change .component-variant-selection-new__change-text{font-size:var(--font-body-xs)}@media(min-width:430px){.component-variant-selection-new__price,.component-variant-selection-new__price .price__container :is(span){font-size:var(--font-body-sm)}.component-variant-selection-new__change,.component-variant-selection-new__change .component-variant-selection-new__change-text{font-size:12px}}.component-variant-selection-new__buy .product-buy-buttons{flex-grow:0}.component-variant-selection-new__buy .button{width:auto;white-space:nowrap;height:42px;padding:0 14px}dialog.drawer--bottom.component-variant-selection-new__drawer{top:0;bottom:0;height:100dvh;padding:0;display:flex;flex-direction:column;overflow:hidden;transition:none}dialog.drawer--bottom.component-variant-selection-new__drawer:not([open]){display:none}dialog.drawer--bottom.component-variant-selection-new__drawer[open]{animation:component-variant-selection-new-slide-up .5s cubic-bezier(.4,0,.2,1) both}dialog.drawer--bottom.component-variant-selection-new__drawer[open].is-closing{animation-name:component-variant-selection-new-slide-down}@keyframes component-variant-selection-new-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes component-variant-selection-new-slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}.component-variant-selection-new__drawer-header{padding:14px 8px 14px 16px;border-bottom:1px solid var(--muted-border-color);display:flex;justify-content:space-between;align-items:center}.component-variant-selection-new__drawer-title{margin:0;font-size:15px!important;font-weight:var(--font-semi-bold)}dialog.component-variant-selection-new__drawer .close{top:unset;right:unset;position:relative}dialog.component-variant-selection-new__drawer .close:focus{outline:none!important;box-shadow:none!important}.component-variant-selection-new__drawer-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.component-variant-selection-new__preview{position:relative;aspect-ratio:1 / 1;background-color:#ededed}.component-variant-selection-new__preview img{width:100%;height:100%;object-fit:contain}.component-variant-selection-new__preview-badge{position:absolute;left:16px;bottom:16px;padding:5px 10px;background-color:var(--color-background);color:var(--color-text);font-size:var(--font-body-xs);font-weight:var(--font-bold)}.component-variant-selection-new__groups{display:flex;gap:6px;padding:11px 16px 3px;overflow-x:auto;scrollbar-width:none}.component-variant-selection-new__groups::-webkit-scrollbar{display:none}button.component-variant-selection-new__group{padding:6px 10px;border:1px solid var(--swatch-border);background:var(--color-background);color:var(--color-text);font-size:var(--font-body-xs)!important;font-weight:var(--font-bold)!important;line-height:1.4;white-space:nowrap}.component-variant-selection-new__group.is-active{border-color:var(--color-text);background-color:var(--color-text);color:var(--color-background)}.component-variant-selection-new__swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:11px 16px 4px}.component-variant-selection-new__swatch{position:relative;display:block;padding:0;border:1px solid var(--swatch-border);background-color:var(--color-background);background-size:cover;background-repeat:no-repeat;background-position:center;color:var(--color-text);cursor:pointer;aspect-ratio:1 / 1}.component-variant-selection-new__swatch.is-active{border-color:var(--color-text)}.component-variant-selection-new__swatch-label{position:absolute;inset:auto 0 0 0;background-color:var(--color-background);font-size:var(--font-body-xs);font-weight:var(--font-bold);text-align:center;padding:2px 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:430px){.component-variant-selection-new__swatch-label{font-size:10px}}.component-variant-selection-new__swatch .badges__badge{position:absolute;top:4px;left:4px;z-index:1;padding:3px 6px;font-size:9.5px;line-height:1;letter-spacing:.06em;text-transform:uppercase;font-weight:var(--font-bold)}.component-variant-selection-new__note{margin:0;padding:12px 16px;font-size:var(--font-body-xs);line-height:1.45;color:var(--muted-text-color)}.component-variant-selection-new__drawer-footer{padding:11px 16px;border-top:1px solid var(--muted-border-color);background-color:var(--color-background)}
/*# sourceMappingURL=/cdn/shop/t/160/assets/component-variant-selection-new.css.map */