.st-cmp-drawer{position:fixed;inset-block:0;inset-inline-end:0;z-index:60;inline-size:min(1000px,100%);background:rgb(var(--color-drawer-background));color:rgb(var(--color-drawer-text));display:flex;flex-direction:column;transform:translate(101%) translateZ(0);visibility:hidden;transition:transform .26s ease,visibility .26s;box-shadow:-8px 0 40px -16px rgb(var(--color-shadow) / .34);max-block-size:100svh;-webkit-backface-visibility:hidden;backface-visibility:hidden}.st-cmp-drawer[data-open=true]{transform:translate(0) translateZ(0);visibility:visible}.st-cmp-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:rgb(var(--color-drawer-overlay));opacity:0;pointer-events:none;transition:opacity .22s}.st-cmp-scrim[data-open=true]{opacity:.42;pointer-events:auto}.st-cmp-drawer__head{display:flex;align-items:center;gap:.875rem;flex-wrap:wrap;padding:1rem 1.25rem;border-block-end:1px solid rgb(var(--color-foreground) / .1)}.st-cmp-drawer__title{margin:0;font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em}.st-cmp-close{flex-shrink:0;inline-size:2.25rem;block-size:2.25rem;border:0;border-radius:50%;cursor:pointer;background:rgb(var(--color-foreground) / .06);color:rgb(var(--color-foreground));display:grid;place-items:center}.st-cmp-close:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.st-cmp-switch{margin-inline-start:auto;display:inline-flex;align-items:center;gap:.5625rem;cursor:pointer;font-size:var(--text-xs);font-weight:500;-webkit-user-select:none;user-select:none}.st-cmp-switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.st-cmp-switch__track{inline-size:2.375rem;block-size:1.375rem;flex-shrink:0;border-radius:999px;background:rgb(var(--color-foreground) / .16);position:relative;transition:background .16s}.st-cmp-switch__track:after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;inline-size:1rem;block-size:1rem;border-radius:50%;background:rgb(var(--color-background));box-shadow:0 1px 2px rgb(var(--color-shadow) / .2);transition:transform .16s}.st-cmp-switch input:checked+.st-cmp-switch__track{background:rgb(var(--color-button-background))}.st-cmp-switch input:checked+.st-cmp-switch__track:after{transform:translate(1rem)}.st-cmp-switch input:focus-visible+.st-cmp-switch__track{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.st-cmp-drawer__scroll{flex:1 1 0;min-block-size:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.st-cmp-table-wrap{min-block-size:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.st-cmp-drawer__empty{padding:3.5rem 1.5rem;text-align:center;color:rgb(var(--color-foreground) / .55)}.st-cmp-table{border-collapse:separate;border-spacing:0;inline-size:100%;min-block-size:100%;font-size:var(--text-sm);table-layout:fixed}.st-cmp-table th,.st-cmp-table td,.st-cmp-table .st-cmp-table__lab{font-size:var(--text-sm)}.st-cmp-table th,.st-cmp-table td{text-align:start;vertical-align:top;padding:.8125rem 1rem;border-block-end:1px solid rgb(var(--color-foreground) / .1)}.st-cmp-table tbody td{line-height:1.35;vertical-align:middle}.st-cmp-table thead th{z-index:3;background:rgb(var(--color-drawer-background));border-block-end:1px solid rgb(var(--color-foreground) / .18);block-size:0}.st-cmp-table__lab{position:sticky;inset-inline-start:0;z-index:2;background:rgb(var(--color-drawer-background));font-weight:500;inline-size:13.5rem;min-inline-size:13.5rem;line-height:1.3;border-inline-end:1px solid rgb(var(--color-foreground) / .1);transform:translateZ(0);will-change:transform;contain:paint}.st-cmp-table thead .st-cmp-table__lab{z-index:4}.st-cmp-col{position:relative;display:flex;flex-direction:column;gap:.5625rem;min-inline-size:0;max-inline-size:100%;padding:.875rem;border:1px solid rgb(var(--color-foreground) / .12);border-radius:var(--card-radius, .75rem);background:rgb(var(--color-background));block-size:100%}.st-cmp-col>.button,.st-cmp-col>form{margin-block-start:auto}.st-cmp-col .button{inline-size:100%;justify-content:center;text-align:center}.st-cmp-col form{inline-size:100%}.st-cmp-col__media{position:relative;border-radius:var(--card-radius, .75rem);background:rgb(var(--color-image-background, var(--color-background)));aspect-ratio:1 / 1;inline-size:100%;margin-inline-end:auto;display:grid;place-items:center;padding:0;overflow:hidden}.st-cmp-col__media img{inline-size:100%;block-size:100%;object-fit:contain;object-position:left center;border-radius:inherit}.st-cmp-col__media .st-cmp-drop{position:absolute;inset-block-start:6px;inset-inline-end:6px;inline-size:1.5rem;block-size:1.5rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 1px rgb(var(--color-foreground) / .14),0 1px 3px rgb(var(--color-shadow) / .12)}.st-cmp-col__media .st-cmp-drop:hover{background:rgb(var(--color-foreground) / .06)}.st-cmp-col__media .st-cmp-drop .icon{inline-size:.6875rem;block-size:.6875rem}.st-cmp-col__name{font-size:var(--text-base);font-weight:500;line-height:1.25;color:rgb(var(--color-foreground));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-inline-size:0}.st-cmp-col__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;min-block-size:2.5em}.st-cmp-rating{display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap;font-size:var(--text-sm)}.st-cmp-rating .icon{inline-size:.875em;block-size:.875em;color:rgb(var(--color-rating))}.st-cmp-col__price .price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem}.st-cmp-col__price .price__sale{display:flex;align-items:baseline;gap:.5rem}.st-cmp-col__name:hover{text-decoration:underline;text-underline-offset:3px}.st-cmp-col__name:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.st-cmp-col__media .st-cmp-drop{z-index:3}.st-cmp-col>.button,.st-cmp-col>form{position:relative;z-index:2}.st-cmp-col:hover{border-color:rgb(var(--color-foreground) / .3)}.st-cmp-col:has(.st-cmp-col__name:focus-visible){outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.st-cmp-col__name:focus-visible{outline:0}.st-cmp-col__rating{display:inline-flex;align-items:center;gap:.3125rem;white-space:nowrap;font-size:var(--text-sm);flex-shrink:0;padding-block-start:.0625rem}.st-cmp-table[data-cols="4"] .st-cmp-col__head{flex-direction:column;align-items:flex-start;gap:.25rem;min-block-size:3.75em}.st-cmp-table[data-cols="4"] .st-cmp-col__rating{padding-block-start:0}.st-cmp-col__rating .icon{inline-size:.875em;block-size:.875em;color:rgb(var(--color-rating))}.st-cmp-group__head{text-align:start;padding:.75rem 1rem;background:rgb(var(--color-foreground) / .04);border-block:1px solid rgb(var(--color-foreground) / .1);font-size:var(--text-xs);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-foreground) / .75)}.st-cmp-group__head>span{vertical-align:middle}.st-cmp-gicon.icon{display:inline-block;inline-size:1.125rem;block-size:1.125rem;margin-inline-end:.5rem;vertical-align:middle;color:rgb(var(--color-foreground) / .55)}.st-cmp-val{font-variant-numeric:tabular-nums}.st-cmp-val[data-empty=true]{color:rgb(var(--color-foreground) / .4)}.st-cmp-best{display:inline-flex;align-items:center;justify-content:center;margin-inline-start:.5rem;inline-size:1.25rem;block-size:1.25rem;padding:0;border-radius:50%;font-size:var(--text-xs);line-height:1;background:rgb(var(--color-success-background));color:rgb(var(--color-success-text));vertical-align:middle}.st-cmp-best .icon{inline-size:1em;block-size:1em;stroke-width:2}@media screen and (max-width:749px){.st-cmp-drawer__scroll{overflow-x:hidden}.st-cmp-table,.st-cmp-table thead,.st-cmp-table tbody{display:block;inline-size:100%;min-inline-size:0}.st-cmp-table tr{display:grid;grid-template-columns:repeat(3,1fr);column-gap:.375rem}.st-cmp-table[data-cols="1"] tr{grid-template-columns:1fr}.st-cmp-table[data-cols="2"] tr{grid-template-columns:repeat(2,1fr)}.st-cmp-table th,.st-cmp-table td{display:block;inline-size:auto;min-inline-size:0;block-size:auto;padding:.5rem .375rem;border-block-end:0}.st-cmp-table thead tr{border-block-end:1px solid rgb(var(--color-foreground) / .18)}.st-cmp-table tbody tr:not(.st-cmp-group){border-block-end:1px solid rgb(var(--color-foreground) / .1)}.st-cmp-table thead th{block-size:auto;border-block-end:0}.st-cmp-table__lab{grid-column:1 / -1;position:static;inline-size:auto;min-inline-size:0;padding:.625rem .375rem .125rem;border-inline-end:0;border-block-end:0;font-style:normal;font-weight:500}.st-cmp-group__head{grid-column:1 / -1;padding:.5rem .375rem;border-block-start:0}.st-cmp-col{padding:.375rem;gap:.3125rem}.st-cmp-col__media img{object-position:center}.st-cmp-col .button{padding-inline:.5rem;font-size:var(--text-xs)}.st-cmp-col__name{font-size:var(--text-sm);min-block-size:0}.st-cmp-col__head{flex-direction:column;gap:.1875rem;min-block-size:0}.st-cmp-col__rating{padding-block-start:0}.st-cmp-drawer__head{gap:.5rem .75rem;padding:.875rem 1rem}.st-cmp-drawer__title{font-size:var(--text-base)}.st-cmp-close{order:1;margin-inline-start:auto}.st-cmp-switch{order:2;flex-basis:100%;margin-inline-start:0}}@media(prefers-reduced-motion:reduce){.st-cmp-drawer,.st-cmp-scrim,.st-cmp-switch__track,.st-cmp-switch__track:after{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/163/assets/st-compare-table.css.map */