.variant-drawer::part(footer){border:none;padding:var(--spacing-5)}.variant-drawer{--drawer-body-padding: var(--spacing-6);--drawer-header-padding: var(--spacing-6)}.variant-drawer--label{margin-bottom:var(--spacing-1);font-size:12px;font-weight:700}.variant-drawer--info{align-items:center;border:1px solid rgb(var(--text-color) / .12);border-radius:var(--rounded-button);display:flex;gap:var(--spacing-5);padding:var(--spacing-1) var(--spacing-5);width:100%}.variant-drawer--info .variant-drawer--item-image{max-width:auto;min-width:auto}.variant-drawer--info.variant-drawer--trigger:hover{border-color:rgb(var(--text-color) / .5)}.variant-drawer--info .variant-drawer--item-title{display:flex;column-gap:var(--spacing-2)}.variant-drawer--info .variant-drawer--item-icon{color:rgb(var(--text-color) / .5);display:flex;justify-content:flex-end}.variant-drawer--info.variant-drawer--trigger:hover .variant-drawer--item-icon{color:rgb(var(--text-color) / 1)}.variant-drawer--wrapper{display:flex;flex-direction:row;gap:var(--spacing-5);flex-wrap:wrap}.variant-drawer--item-group-color{margin-top:var(--spacing-4);position:relative;text-align:center;width:100%;z-index:2}.variant-drawer--item-group-color span{background:#f2f2f2;border-radius:var(--rounded-button);display:inline-block;font-weight:600;line-height:1;padding:var(--spacing-1) var(--spacing-2);position:relative;z-index:2}.variant-drawer--item-group-color:after{background:#f2f2f2;content:"";display:block;height:1px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1}.variant-drawer--item{align-items:center;border:1px solid rgb(var(--text-color) / .12);border-radius:var(--rounded-button);cursor:pointer;display:flex;flex-direction:column;row-gap:var(--spacing-2);padding:var(--spacing-5) var(--spacing-3);position:relative;text-align:left;width:calc(50% - var(--spacing-5) / 2)}.variant-drawer--item:before{background:#f2f2f2;border-radius:var(--rounded-button);content:var(--variant-drawer-before-content);display:none;font-size:var(--text-xs);left:var(--spacing-4);line-height:1;padding:var(--spacing-1) var(--spacing-2);position:absolute;top:0;transform:translateY(-50%);z-index:1}.variant-drawer--item:hover{border:1px solid rgb(var(--text-color) / .5)}.variant-drawer--item:hover:before{display:block}.variant-drawer--item.item-active{border:1px solid rgb(var(--success-text) / .5)}.variant-drawer--item.item-active:before{display:block;background:rgb(var(--success-text));color:#fff}.variant-drawer--item-top-content{display:flex;flex-direction:row;gap:var(--spacing-5);width:100%}.variant-drawer--item-image{min-width:20%;max-width:20%}.variant-drawer--item-content{display:flex;flex-direction:column;flex-grow:1;gap:var(--spacing-0-5)}.variant-drawer--item-price{display:flex;flex-wrap:wrap;column-gap:var(--spacing-2);row-gap:var(--spacing-1)}.variant-drawer--item-inventory{margin-top:var(--spacing-1)}.variant-drawer--item .text-with-icon{gap:var(--spacing-2)}.variant-drawer--item .icon{height:15px;width:15px}@media screen and (max-width: 699px){.variant-drawer--info .variant-drawer--item-title{flex-direction:column}.variant-drawer--info .variant-drawer--item-title .variant-drawer--item-option-separator{display:none}}@media screen and (max-width: 999px){.variant-drawer--item{width:100%}.variant-drawer--item-image{align-items:center;display:flex;justify-content:center;max-width:unset;min-width:auto}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/variant-drawer.css.map */