.vto{--vto-nav-height: calc(4rem + 2 * var(--spacing-m))}.vto__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-modal);display:flex;flex-direction:column;background:var(--color-black)}.vto__overlay[hidden]{display:none}.vto__nav{position:relative;display:flex;align-items:center;justify-content:center;min-height:var(--vto-nav-height);padding:var(--spacing-m) var(--spacing-xl);background:var(--color-white)}.vto__logo{display:flex}.vto__logo-image{width:4rem;height:4rem}.vto__close{position:absolute;top:50%;right:var(--spacing-xl);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:none;background:transparent;color:var(--color-black);cursor:pointer}.vto__close svg{width:1.5rem;height:1.5rem}.vto__stage{position:relative;flex:1;min-height:0}.vto__widget{width:100%;height:100%}.vto__widget iframe{width:100%;height:100%;border:0}.vto__flash{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-white);opacity:0;pointer-events:none}.vto__flash--active{animation:vto-flash .45s ease-out}.vto__footer{position:absolute;right:0;bottom:var(--spacing-xl);left:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:var(--spacing-m);gap:var(--spacing-m);padding:var(--spacing-m) var(--spacing-xl);pointer-events:none}.vto__footer[hidden]{display:none}.vto__carousel{grid-column:2;display:flex;justify-content:center;gap:var(--spacing-xs);max-width:100%;overflow-x:auto;pointer-events:auto}.vto__carousel[hidden]{display:none}.vto__swatch{position:relative;flex:0 0 auto;width:2rem;height:3rem;padding:0;overflow:hidden;background:var(--color-background-secondary);border:none;border-bottom:.0625rem solid transparent;cursor:pointer}.vto__swatch--selected{border-bottom-color:var(--color-black)}.vto__swatch--unavailable{opacity:.3}.vto__swatch--unavailable:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom right,transparent calc(50% - .03125rem),var(--color-dark-grey) calc(50% - .03125rem),var(--color-dark-grey) calc(50% + .03125rem),transparent calc(50% + .03125rem))}.vto__swatch-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.vto__mode-toggle{position:absolute;top:calc(var(--vto-nav-height) + var(--spacing-m));left:var(--spacing-xl);z-index:1;display:flex;pointer-events:auto}.vto__mode-toggle[hidden]{display:none}.vto__mode-button{display:inline-flex;align-items:center;justify-content:center;width:2.375rem;height:3rem;padding:0;background:var(--color-white);color:var(--color-foreground);border:.0625rem solid var(--color-dark-grey);cursor:pointer;transition:opacity .2s ease}.vto__mode-button+.vto__mode-button{border-left:none}.vto__mode-button:hover{opacity:.7}.vto__mode-button--active{background:#252525;color:var(--color-white);border-color:#252525}.vto__mode-button svg{display:block;width:1.5rem;height:1.5rem}.vto__camera{grid-column:1;justify-self:start;pointer-events:auto}.vto__camera[hidden]{display:none}.vto__camera{display:inline-flex;align-items:center;justify-content:center;width:2.375rem;height:3rem;padding:0;background:var(--color-white);color:var(--color-foreground);border:.0625rem solid var(--color-dark-grey);cursor:pointer;transition:opacity .2s ease}.vto__camera:hover{opacity:.7}.vto__camera svg{width:1.25rem;height:1.25rem}.vto__cta{grid-column:3;justify-self:end;pointer-events:auto;width:auto;padding:var(--spacing-m) var(--spacing-xl);background-color:var(--color-foreground);color:var(--color-background);border:none;font-size:var(--text-xs);font-weight:var(--font-weight-bold);letter-spacing:0;line-height:136%;text-transform:uppercase;cursor:pointer;transition:opacity .2s ease}a.vto__cta{display:inline-block;-webkit-text-decoration:none;text-decoration:none}.vto__cta:hover:not(:disabled){border:none;opacity:.8}.vto__cta:disabled{opacity:.5;cursor:not-allowed}@media(max-width:767.98px){.vto__camera{position:fixed;top:calc(var(--vto-nav-height) + var(--spacing-m));right:var(--spacing-l);z-index:1}.vto__footer{grid-template-columns:1fr auto;bottom:var(--spacing-l);padding:0 var(--spacing-l)}.vto__carousel{grid-column:1;justify-content:flex-start}.vto__cta{grid-column:2}}@keyframes vto-flash{0%{opacity:.8}to{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/fittingbox-vto.css.map */