.belt-customizer{--belt-breakpoint: 768px;--belt-preview-height: 50%;--belt-controls-height: 50%;--belt-surface: rgb(231, 231, 231);--belt-ink: #212121;--belt-muted: #d5d5d5;height:100%}.belt-customizer *,.belt-customizer *:before,.belt-customizer *:after{box-sizing:border-box}@media(max-width:768px){#customizer.belt-customizer{height:100%!important;min-height:0;box-sizing:border-box;padding-block:0}#customizer.belt-customizer>#preview-container{height:45%!important;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);min-height:0;box-sizing:border-box;padding-block:0;flex-shrink:0}#customizer.belt-customizer>#controls-container{height:55%!important;min-height:0;box-sizing:border-box}#customizer.belt-customizer #preview-container>.rectoverso,#customizer.belt-customizer #preview-container>.beltworn{position:relative;top:auto;right:auto;left:auto;transform:none;grid-row:1;align-self:start;z-index:2}#customizer.belt-customizer #preview-container>.rectoverso{grid-column:1;justify-self:start}#customizer.belt-customizer #preview-container>.beltworn{grid-column:2;justify-self:end}#customizer.belt-customizer #preview-container>#preview-belt{grid-area:2 / 1 / 3 / 3;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}#customizer.belt-customizer #preview-belt #canvas-belt{display:block;position:static;left:auto;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0;transform:none;object-fit:contain;object-position:center}#customizer.belt-customizer #preview-container>#preview-worn{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0}}.belt-customizer button{font:inherit}@media(max-width:768px){#customizer.belt-customizer #step-navigation{left:0;width:100%;padding-inline:0;justify-content:flex-start;overflow:hidden}#customizer.belt-customizer .step-nav-titles{position:relative;left:0;width:max-content;flex:0 0 auto;margin-inline:0;padding-inline:0;justify-content:flex-start}#customizer.belt-customizer .step-title-wrapper{flex:0 0 auto}#customizer.belt-customizer .step-title-nav{transition:opacity .2s ease}}.belt-customizer [hidden]{display:none!important}.belt-customizer .nav-arrow[disabled]{cursor:not-allowed;opacity:.35}.belt-customizer #recap-buy.is-loading{position:relative;cursor:wait;background:#555}.belt-customizer #recap-buy.is-loading>span{opacity:.35}.belt-customizer #recap-buy.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;transform:translate(-50%,-50%);animation:belt-buy-spinner .7s linear infinite}@keyframes belt-buy-spinner{to{transform:translate(-50%,-50%) rotate(360deg)}}@media(prefers-reduced-motion:reduce){.belt-customizer #recap-buy.is-loading:after{animation:none}}.belt-customizer .option.oos{cursor:not-allowed}.belt-customizer .option:focus-visible,.belt-customizer button:focus-visible,.belt-customizer input:focus-visible,.belt-customizer select:focus-visible{outline:2px solid currentColor;outline-offset:3px}#tooltip-global[hidden]{display:none}.belt-customizer .recap-item{overflow:hidden}.belt-customizer .recap-item .recap-label,.belt-customizer .recap-item .recap-value{display:block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.belt-customizer .belt-horizontal-scroll-hint{position:absolute;right:0;width:76px;height:100px;z-index:12;display:flex;align-items:center;justify-content:flex-end;padding:0 11px 0 0;border:0;-webkit-appearance:none;appearance:none;cursor:pointer;color:var(--belt-ink);font-size:25px;line-height:1;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(-50% - 6px));background:linear-gradient(to right,#fff0,#fff 68%);transition:opacity .2s ease,visibility .2s ease}.belt-customizer .belt-horizontal-scroll-hint.visible{opacity:1;visibility:visible;pointer-events:auto}.belt-customizer .belt-horizontal-scroll-hint>span{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;padding-bottom:2px;border:1px solid rgba(33,33,33,.65);border-radius:50%;background:#fffffff5;box-shadow:0 2px 7px #21212129;box-sizing:border-box;animation:belt-horizontal-scroll-hint 1.25s ease-in-out infinite}@media(min-width:769px)and (max-width:1200px){.belt-customizer .belt-horizontal-scroll-hint{width:92px;height:112px;padding-right:14px;color:var(--belt-ink);font-weight:500;background:linear-gradient(to right,#fff0,#ffffffeb 58%,#fff);box-shadow:none}}@keyframes belt-horizontal-scroll-hint{0%,to{transform:translate(0);opacity:.55}50%{transform:translate(5px);opacity:1}}@media(prefers-reduced-motion:reduce){.belt-customizer .belt-horizontal-scroll-hint>span{animation:none}}@media(min-width:769px)and (max-width:1200px){.belt-customizer #recap-bar{width:100vw!important;min-width:0!important;max-width:100vw!important}.belt-customizer .recap-summary{min-width:0;gap:clamp(4px,1vw,12px)!important;padding-inline:clamp(6px,1.2vw,14px)!important}.belt-customizer .recap-item{flex:1 1 0;min-width:0!important;font-size:clamp(10px,1.25vw,13px)!important;overflow:hidden}.belt-customizer .recap-item .recap-value{font-size:clamp(10px,1.15vw,12px)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.belt-customizer .recap-price{flex:0 0 auto}.belt-customizer .recap-price>.price,.belt-customizer #recap-buy{padding-inline:clamp(8px,1.5vw,18px)!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/belt-customizer-base.css.map */