@import"https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&display=swap";@font-face{font-family:MagdaCleanMono;src:url(MagdaCleanMono-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}.unit01-grid-section{width:100%;padding:0}.unit01-toolbar{display:flex;justify-content:flex-start;align-items:center;padding:12px 20px;border-bottom:1px solid #e5e5e5}.unit01-toolbar__left{display:flex;align-items:center;gap:10px}.unit01-toolbar__label{font-family:MagdaCleanMono,IBM Plex Mono,monospace;font-size:10px;font-weight:500;color:#0a0a0a;letter-spacing:.1em;text-transform:uppercase}.unit01-model-switch{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.unit01-model-switch__track{display:flex;align-items:center;width:38px;height:16px;border:1px solid #0a0a0a;position:relative;transition:background .2s;background:transparent}.unit01-model-switch__fill{display:block;width:50%;height:100%;background:#0a0a0a;transition:width .2s,margin-left .2s}.unit01-model-switch.is-on .unit01-model-switch__fill{margin-left:50%}.unit01-model-switch__thumb{display:none}.unit01-grid{display:grid;grid-template-columns:repeat(var(--grid-cols, 4),1fr);gap:var(--grid-gap, 0px)}@media(max-width:1024px){.unit01-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.unit01-grid{grid-template-columns:repeat(2,1fr)}}.unit01-card{position:relative}.unit01-card__link{text-decoration:none;color:inherit;display:block}.unit01-card__image-wrap{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:#fff}.unit01-card__img-product,.unit01-card__img-model{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease}.unit01-card__img-model,.unit01-grid.show-model .unit01-card__img-product{opacity:0}.unit01-grid.show-model .unit01-card__img-model{opacity:1}.unit01-grid.show-product .unit01-card__img-product,.unit01-grid:not(.show-model) .unit01-card__img-product{opacity:1}.unit01-grid.show-product .unit01-card__img-model,.unit01-grid:not(.show-model) .unit01-card__img-model{opacity:0}.unit01-card__img{width:100%;height:100%;object-fit:contain;display:block}.unit01-card__link:hover .unit01-card__img{transform:scale(1.02);transition:transform .4s ease}.unit01-card__placeholder{width:100%;height:100%;background:#eee}.unit01-card__plus{position:absolute;bottom:14px;right:14px;font-family:Inter Tight,Helvetica,sans-serif;font-size:18px;font-weight:300;color:#0a0a0a;line-height:1;z-index:3;transition:opacity .2s}.unit01-card__sizes{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:8px;padding:14px 16px;background:#fff;border-top:1px solid #e0e0e0;z-index:4;opacity:0;transform:translateY(100%);transition:opacity .25s,transform .25s}.unit01-card__image-wrap:hover .unit01-card__sizes{opacity:1;transform:translateY(0)}.unit01-card__image-wrap:hover .unit01-card__plus{opacity:0}.unit01-card__sz{font-family:MagdaCleanMono,IBM Plex Mono,monospace;font-size:10px;letter-spacing:.04em;color:#0a0a0a;font-weight:500;padding:10px 14px;border:none;cursor:pointer;text-align:center;min-width:38px;position:relative;background:linear-gradient(#ccc,#ccc) top left / 5px .5px no-repeat,linear-gradient(#ccc,#ccc) top left / .5px 5px no-repeat,linear-gradient(#ccc,#ccc) top right / 5px .5px no-repeat,linear-gradient(#ccc,#ccc) top right / .5px 5px no-repeat,linear-gradient(#ccc,#ccc) bottom left / 5px .5px no-repeat,linear-gradient(#ccc,#ccc) bottom left / .5px 5px no-repeat,linear-gradient(#ccc,#ccc) bottom right / 5px .5px no-repeat,linear-gradient(#ccc,#ccc) bottom right / .5px 5px no-repeat;transition:all .15s}.unit01-card__sz:hover{color:#0a0a0a;background:linear-gradient(#0a0a0a,#0a0a0a) top left / 7px 1.5px no-repeat,linear-gradient(#0a0a0a,#0a0a0a) top left / 1.5px 7px no-repeat,linear-gradient(#0a0a0a,#0a0a0a) top right / 7px 1.5px no-repeat,linear-gradient(#0a0a0a,#0a0a0a) top right / 1.5px 7px no-repeat,linear-gradient(#0a0a0a,#0a0a0a) bottom left / 7px 1.5px no-repeat,linear-gradient(#0a0a0a,#0a0a0a) bottom left / 1.5px 7px no-repeat,linear-gradient(#0a0a0a,#0a0a0a) bottom right / 7px 1.5px no-repeat,linear-gradient(#0a0a0a,#0a0a0a) bottom right / 1.5px 7px no-repeat}.unit01-card__sz--out{color:#d0d0d0;cursor:default;background:linear-gradient(#e0e0e0,#e0e0e0) top left / 5px .5px no-repeat,linear-gradient(#e0e0e0,#e0e0e0) top left / .5px 5px no-repeat,linear-gradient(#e0e0e0,#e0e0e0) top right / 5px .5px no-repeat,linear-gradient(#e0e0e0,#e0e0e0) top right / .5px 5px no-repeat,linear-gradient(#e0e0e0,#e0e0e0) bottom left / 5px .5px no-repeat,linear-gradient(#e0e0e0,#e0e0e0) bottom left / .5px 5px no-repeat,linear-gradient(#e0e0e0,#e0e0e0) bottom right / 5px .5px no-repeat,linear-gradient(#e0e0e0,#e0e0e0) bottom right / .5px 5px no-repeat}.unit01-card__sz--out:hover{color:#d0d0d0;background:linear-gradient(#e0e0e0,#e0e0e0) top left / 5px .5px no-repeat,linear-gradient(#e0e0e0,#e0e0e0) top left / .5px 5px no-repeat,linear-gradient(#e0e0e0,#e0e0e0) top right / 5px .5px no-repeat,linear-gradient(#e0e0e0,#e0e0e0) top right / .5px 5px no-repeat,linear-gradient(#e0e0e0,#e0e0e0) bottom left / 5px .5px no-repeat,linear-gradient(#e0e0e0,#e0e0e0) bottom left / .5px 5px no-repeat,linear-gradient(#e0e0e0,#e0e0e0) bottom right / 5px .5px no-repeat,linear-gradient(#e0e0e0,#e0e0e0) bottom right / .5px 5px no-repeat}.unit01-card__divider{height:1px;background:#e0e0e0}.unit01-card__info{padding:10px 14px 16px}.unit01-card__row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.unit01-card__title{font-family:MagdaCleanMono,IBM Plex Mono,monospace;font-size:12px;font-weight:700;color:#0a0a0a;letter-spacing:.02em;line-height:1.3}.unit01-card__price{font-family:MagdaCleanMono,IBM Plex Mono,monospace;font-size:12px;font-weight:700;color:#0a0a0a;white-space:nowrap;flex-shrink:0;letter-spacing:.02em}.unit01-card__meta{display:flex;gap:6px;align-items:center;margin-top:3px}.unit01-card__color-name{font-family:MagdaCleanMono,IBM Plex Mono,monospace;font-size:10px;font-weight:400;color:#888;letter-spacing:.02em}.unit01-card__color-count{font-family:MagdaCleanMono,IBM Plex Mono,monospace;font-size:10px;font-weight:400;color:#aaa;letter-spacing:.02em}.unit01-card--empty .unit01-card__image-wrap{background:#f0f0f0}.unit01-pagination{display:flex;justify-content:center;padding:40px 0;font-family:Inter Tight,Helvetica,sans-serif;font-size:13px;gap:8px}.unit01-pagination a,.unit01-pagination span{padding:8px 14px;color:#0a0a0a;text-decoration:none}.unit01-pagination span.current{font-weight:700}
/*# sourceMappingURL=/cdn/shop/t/9/assets/unit01-collection.css.map */