#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__commerce[data-otf-commerce-empty]{grid-template-columns:minmax(0,1fr);column-gap:0}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__commerce[data-otf-commerce-empty]>.otf-card__colors{display:none!important}#MainContent .otf-catalog-card[data-otf-card-focus]{--otf-views-reserve: 0px;--otf-focus-card-radius: 0px;--otf-focus-card-padding: 10px;--otf-focus-price-size: 14px;--otf-focus-vendor-size: 10.5px;position:relative;isolation:isolate;overflow:visible;display:flex!important;flex-direction:column;flex:1 1 auto!important;align-self:stretch!important;min-width:0;border:0!important;border-radius:var(--otf-focus-card-radius)!important;background:transparent!important;box-shadow:none!important;transition:none}#MainContent .otf-catalog-card[data-otf-card-focus]>.card{position:relative;display:flex!important;flex-direction:column;flex:1 1 auto!important;width:100%;min-height:0;overflow:visible;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}#MainContent .otf-catalog-card[data-otf-card-focus]>.card>.card__inner{--ratio-percent: 133.333333% !important;position:relative;flex:0 0 auto!important;width:100%;height:auto!important;min-height:0!important;margin:0!important;overflow:visible;aspect-ratio:3 / 4!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}#MainContent .otf-catalog-card[data-otf-card-focus]>.card>.card__inner:before{display:none!important;content:none!important}#MainContent .otf-catalog-card[data-otf-card-focus]>.card>.card__inner:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;content:none;pointer-events:none}#MainContent .otf-catalog-card[data-otf-card-focus] .card__media,#MainContent .otf-catalog-card[data-otf-card-focus] .card__media .media{width:100%;height:100%;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}#MainContent .otf-catalog-card[data-otf-card-focus] .card__media .media{background:transparent!important}#MainContent .otf-catalog-card[data-otf-card-focus] .card__media .media img{object-fit:contain!important;object-position:center!important;border-radius:0!important;transform:none!important}#MainContent .otf-catalog-card[data-otf-card-focus]>.card>.card__content{display:flex!important;flex:1 1 auto!important;flex-direction:column;min-height:0!important;margin:0;padding:0;border:0;background:transparent}#MainContent .otf-catalog-card[data-otf-card-focus]>.card>.card__content>.card__information{display:flex!important;flex-direction:column;flex:1 1 auto!important;width:100%;min-height:0!important;margin:0!important;padding:0!important}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__body[data-otf-card-body]{display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;flex:1 1 auto!important;gap:4px!important;width:100%;height:auto!important;min-height:0!important;padding:var(--otf-focus-card-padding) 0 0!important;text-align:left!important}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__brand{position:static!important;inset:auto!important;display:flex!important;align-self:stretch!important;justify-content:flex-start!important;width:100%!important;height:1.25em!important;min-height:1.25em!important;margin:0!important;padding:0!important;overflow:visible!important;font-size:var(--otf-focus-vendor-size);line-height:1.25;text-align:left!important;transform:none!important}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__brand .otf-card-brand{display:none!important}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card-focus__vendor{display:block;width:100%;min-width:0;max-width:100%;overflow:hidden;color:rgba(var(--color-foreground),.74);font-size:var(--otf-focus-vendor-size);font-weight:700;line-height:1.25;letter-spacing:.08em;text-align:left;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__title{display:block!important;height:1.3em!important;min-height:1.3em!important;margin:0!important;padding:0!important;overflow:visible!important;font-size:14px!important;font-weight:600!important;line-height:1.3!important;text-align:left!important}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__title-link{display:block!important;max-height:none!important;overflow:hidden!important;color:inherit;font:inherit!important;line-height:inherit!important;text-align:left!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow-wrap:normal;-webkit-box-orient:initial!important;-webkit-line-clamp:unset!important}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__price{display:block!important;min-height:calc(var(--otf-focus-price-size) * 2.6)!important;margin:0!important;padding:0!important;text-align:left!important}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__price :is(.price,.price__regular,.price__sale){justify-content:flex-start!important;text-align:left!important}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__price .price,#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__price .price__regular .price-item,#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__price .price__sale .price-item--sale,#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__price .price__sale .price-item--last{font-size:var(--otf-focus-price-size)!important;line-height:1.3}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__price .price__sale s.price-item,#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__price .price__sale .price-item--regular:not(.price-item--sale){font-size:12px!important}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__colors{align-items:center;justify-content:flex-start!important;min-height:44px;margin:auto 0 0!important;padding-top:0!important;text-align:left!important}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__cue,#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card-color-cue,#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card-color-more{align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important}#MainContent .otf-catalog-card[data-otf-card-focus] [data-otf-card-static-preview]{display:none!important}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__actions.otf-card__actions--single{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%;min-height:44px;margin-top:0!important}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__actions.otf-card__actions--single .otf-card__primary{width:100%;min-height:44px}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card-views{position:absolute!important;inset:0 0 auto!important;z-index:4;width:100%!important;height:auto!important;aspect-ratio:3 / 4;overflow:visible;border-radius:0;pointer-events:none}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card-views[hidden]{display:none!important}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card-views__step{position:absolute!important;inset:4px 4px auto auto!important;display:flex;align-items:center!important;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:999px;background:transparent;color:#222;pointer-events:auto;touch-action:manipulation;transform:none}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card-views__marks{display:flex;align-items:center;gap:4px;margin:0!important;padding:4px 6px!important;border:1px solid rgba(0,0,0,.1);border-radius:999px;background:#ffffffd6;box-shadow:none;opacity:1!important;pointer-events:none}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card-views__mark{width:6px;border-top-color:#777}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card-views__mark[data-on]{width:12px;border-top-color:#222}@media screen and (max-width:749px){#MainContent .otf-catalog-card[data-otf-card-focus]{--otf-focus-card-radius: 0px;--otf-focus-card-padding: 8px;box-shadow:none}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__body[data-otf-card-body]{gap:3px!important}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__title{font-size:14px!important}}@media screen and (min-width:750px){#MainContent .otf-catalog-card[data-otf-card-focus]{--otf-focus-card-padding: 12px;--otf-focus-price-size: 15px;--otf-focus-vendor-size: 11px}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__title{font-size:15px!important}}@media(hover:hover)and (pointer:fine){#MainContent .otf-catalog-card[data-otf-card-focus]:hover{box-shadow:none}}@media(prefers-reduced-motion:reduce){#MainContent .otf-catalog-card[data-otf-card-focus]{transition:none}}@media(forced-colors:active){#MainContent .otf-catalog-card[data-otf-card-focus]{border-color:CanvasText!important;box-shadow:none}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card-views__marks{border-color:CanvasText;background:Canvas;box-shadow:none}}#MainContent .otf-card .otf-card__body>.otf-card__title{height:1.3em!important;min-height:1.3em!important;overflow:visible!important}#MainContent .otf-card .otf-card__body>.otf-card__title>.otf-card__title-link{display:block!important;width:100%;max-height:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow-wrap:normal!important;-webkit-line-clamp:unset!important}#MainContent .otf-card .otf-card-brand__name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#MainContent li:has(>.otf-catalog-card[data-otf-card-focus]){display:flex!important;align-self:stretch!important}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__body:not(:has(>.otf-card__colors))>.otf-card__actions{margin-top:auto!important}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__title-link:focus-visible{outline:2px solid currentColor;outline-offset:-2px}@media(forced-colors:active){#MainContent .otf-catalog-card[data-otf-card-focus]{border:1px solid CanvasText!important}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card-views__mark{border-top-color:GrayText}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card-views__mark[data-on]{border-top-color:CanvasText}}#MainContent .otf-card .otf-card__title-link:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.otf-card-color-more__compact{display:none}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__commerce{--otf-compact-controls-width: 44px;display:grid;grid-template-columns:minmax(0,1fr) var(--otf-compact-controls-width);align-items:center;column-gap:6px;flex:0 0 auto;min-width:0;min-height:44px;width:100%}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__commerce:not(:has(.otf-card-color-more:is(button,a))){--otf-compact-controls-width: 0px;column-gap:0}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__commerce>.otf-card__price{min-width:0;min-height:0!important;grid-area:1 / 1 / auto / 2!important;align-self:center;overflow:visible;overflow-wrap:anywhere}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__commerce .price__sale>span:has(>s){white-space:normal}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__commerce .price-item{white-space:nowrap}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__commerce>.otf-card__colors{display:flex;flex:none;align-items:center;justify-content:flex-end!important;gap:0;grid-area:1 / 2 / auto / 3!important;width:var(--otf-compact-controls-width);min-width:0;min-height:44px;margin:0!important;padding:0!important;container-type:normal}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__commerce .otf-card__preview-row{display:none;gap:0;min-height:44px}#MainContent .otf-catalog-card[data-otf-card-focus] [data-otf-compact-ready] .otf-card__preview-row:not([hidden]){display:flex}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__commerce .otf-card__preview:not([hidden]){display:block;flex:0 0 44px;width:44px;min-width:44px;height:44px}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__commerce .otf-card__preview-frame{position:relative;width:44px;height:44px;min-width:44px;min-height:44px;padding:11px;border:0;border-radius:8px;background:transparent!important;box-shadow:none!important;outline:0}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__commerce .otf-card__preview-photo{width:22px;height:22px;max-width:22px;border-radius:4px;background:rgba(var(--color-foreground),.04)}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__commerce .otf-card__preview>input:checked+.otf-card__preview-frame:after{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid currentColor;border-radius:6px;content:"";pointer-events:none}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__commerce .otf-card__preview>input:focus-visible+.otf-card__preview-frame{outline:2px solid currentColor;outline-offset:-2px}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__commerce :is(.otf-card__cue,.otf-card-color-cue,.otf-card-color-cue modal-opener){flex:0 0 44px;width:44px;min-width:0;min-height:44px}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__commerce :is(.otf-card-color-more__name,.otf-card-color-more__count,.otf-card-color-more--static){display:none!important}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__commerce .otf-card-color-more:is(button,a){display:flex;align-items:center!important;justify-content:center!important;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;line-height:1;text-decoration:none}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__commerce .otf-card-color-more__compact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:rgba(var(--color-foreground),.78);font-size:10px;font-weight:600;line-height:1}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__commerce :is([data-otf-card-colors],.otf-card__cue,.otf-card__preview-row,.otf-card__preview)[hidden]{display:none!important}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__commerce:not(:has(.otf-card-color-more:is(button,a)))>.otf-card__colors{display:none!important}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__commerce[data-otf-commerce-stacked]{grid-template-columns:minmax(0,1fr);row-gap:0}#MainContent .otf-catalog-card[data-otf-card-focus] [data-otf-commerce-stacked]>.otf-card__colors{grid-area:2 / 1 / auto / 2!important;justify-self:end}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__body>.otf-card__actions{margin-top:auto!important}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__actions--single .otf-card__primary:not(:disabled){background-color:var(--otf-control-fill);background-image:var(--otf-material-sheen);border-color:var(--otf-material-boundary);color:var(--otf-control-ink)}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__actions--single .otf-card__primary:focus-visible{outline-color:var(--otf-control-ink)}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__commerce .otf-card-color-more:focus-visible{outline:2px solid currentColor;outline-offset:-2px}@media(hover:hover)and (pointer:fine){#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__actions--single .otf-card__primary:not(:disabled):hover{background:var(--otf-control-ink);border-color:var(--otf-control-ink);color:var(--otf-control-fill)}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__actions--single .otf-card__primary:focus-visible:hover{outline-color:var(--otf-control-fill)}}@media(forced-colors:active){#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__actions--single .otf-card__primary:not(:disabled){background:ButtonFace;border-color:ButtonText;color:ButtonText}#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__actions--single .otf-card__primary:focus-visible,#MainContent .otf-catalog-card[data-otf-card-focus] .otf-card__commerce .otf-card-color-more:focus-visible{outline-color:Highlight}}
/*# sourceMappingURL=/cdn/shop/t/182/assets/otf-product-card-focus.css.map */
