:root{ --ttt-space-xs:4px;--ttt-space-sm:8px;--ttt-space-md:16px;--ttt-space-lg:24px;--ttt-space-xl:40px; --ttt-radius-sm:4px;--ttt-radius-md:8px;--ttt-radius-lg:16px;--ttt-control-height:44px;--ttt-icon-size:1em;--ttt-border-width:1px; } .ttt-component{box-sizing:border-box} .ttt-button,.ttt-search-button,.ttt-card-button,.ttt-filter-toggle,.ttt-checkout-remove,.ttt-quantity-button{box-sizing:border-box;min-height:var(--ttt-control-height);gap:var(--ttt-button-gap,var(--ttt-space-sm));} .ttt-button :is(i,svg),.ttt-search-button :is(i,svg),.ttt-card-button :is(i,svg),.ttt-filter-toggle :is(i,svg){width:var(--ttt-icon-size);height:var(--ttt-icon-size);font-size:var(--ttt-icon-size)} .ttt-field :is(input,select,textarea),.ttt-filter-control :is(input,select,textarea){box-sizing:border-box;min-height:var(--ttt-control-height)} .ttt-card-shell,.ttt-tour-card{box-sizing:border-box} .ttt-badge{display:inline-flex;align-items:center;gap:var(--ttt-badge-gap,var(--ttt-space-xs));box-sizing:border-box} .ttt-responsive-width{width:var(--ttt-width,auto);max-width:100%} .ttt-stack{display:flex;flex-direction:column;gap:var(--ttt-stack-gap,var(--ttt-space-md))} .ttt-inline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttt-inline-gap,var(--ttt-space-sm))} @media(max-width:1024px){.ttt-responsive-width{width:var(--ttt-width-tablet,var(--ttt-width,auto))}} @media(max-width:767px){.ttt-responsive-width{width:var(--ttt-width-mobile,var(--ttt-width-tablet,var(--ttt-width,auto)))}} .ttt-button-icon, .ttt-navigation-icon, .ttt-checkout-action-icon, .ttt-tour-bar-trigger-icon, .ttt-currency-trigger-icon, .ttt-filter-icon, .ttt-close-icon, .ttt-highlight-marker-icon, .ttt-highlight-accordion-icon { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; line-height:1; box-sizing:border-box; color:inherit; } .ttt-button-icon > i, .ttt-button-icon > svg, .ttt-navigation-icon > i, .ttt-navigation-icon > svg, .ttt-checkout-action-icon > i, .ttt-checkout-action-icon > svg, .ttt-tour-bar-trigger-icon > i, .ttt-tour-bar-trigger-icon > svg, .ttt-currency-trigger-icon > i, .ttt-currency-trigger-icon > svg, .ttt-filter-icon > i, .ttt-filter-icon > svg, .ttt-close-icon > i, .ttt-close-icon > svg, .ttt-highlight-marker-icon > i, .ttt-highlight-marker-icon > svg, .ttt-highlight-accordion-icon > i, .ttt-highlight-accordion-icon > svg { display:block; width:1em !important; height:1em !important; min-width:1em; min-height:1em; font-size:1em !important; line-height:1; color:inherit !important; fill:currentColor !important; } .ttt-button-icon > img, .ttt-navigation-icon > img, .ttt-checkout-action-icon > img, .ttt-tour-bar-trigger-icon > img, .ttt-currency-trigger-icon > img, .ttt-filter-icon > img, .ttt-close-icon > img, .ttt-highlight-marker-icon > img, .ttt-highlight-accordion-icon > img { display:block; width:1em !important; height:1em !important; max-width:none; object-fit:contain; } .ttt-highlight-location > i:first-child, .ttt-highlight-location > svg:first-child, .ttt-highlight-location > img:first-child, .ttt-highlight-transfer > i:first-child, .ttt-highlight-transfer > svg:first-child, .ttt-highlight-transfer > img:first-child { display:inline-block; width:1em !important; height:1em !important; min-width:1em; font-size:1em !important; line-height:1; color:inherit !important; fill:currentColor !important; object-fit:contain; flex:0 0 auto; }