.toggle-box{display:block;isolation:isolate;border-radius:12px;box-shadow:var(--block-shadows)}.toggle-boxes--inner{padding:0 15px;max-width:var(--grid-width-row, 1380px);margin-left:auto;margin-right:auto}@media only screen and (min-width:768px){.toggle-boxes--inner{padding:0 50px}}.toggle-boxes--inner{display:grid;align-items:end;width:100%}@media only screen and (min-width:768px){.toggle-boxes--inner{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1068px){.toggle-boxes--inner{grid-template-columns:repeat(var(--toggle-columns, 4),1fr)}}@media only screen and (max-width:767px){.toggle-boxes--inner{gap:8px}}@media only screen and (max-width:767px){.toggle-boxes--inner.swipe-on-mobile{grid-auto-flow:column;grid-auto-columns:minmax(var(--mobile-swipe-width),1fr);overflow-x:auto;grid-template-columns:repeat(auto-fill,minmax(var(--mobile-swipe-width),1fr));scroll-snap-type:x mandatory;scrollbar-width:none}.toggle-boxes--inner.swipe-on-mobile::-webkit-scrollbar{display:none}.toggle-boxes--inner.swipe-on-mobile .toggle-box{scroll-snap-align:center;scroll-snap-stop:always}}.toggle-box{overflow:hidden;position:relative}.toggle-box--flip{position:relative;width:100%;height:0;padding-bottom:var(--ratio-percent, 100%);transform-style:preserve-3d;transition:transform .3s ease-out}.toggle-box[open] .toggle-box--flip{transform:rotateY(180deg)}.toggle-box--front,.toggle-box--back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:8px;overflow:hidden}.toggle-box--front{display:block;width:100%;height:100%;padding:0;margin:0;border:none;background:none;font:inherit;color:inherit;cursor:pointer;text-align:inherit;-webkit-appearance:none;appearance:none;z-index:1}.toggle-box--back{transform:rotateY(180deg);z-index:0;display:flex;flex-direction:column;background:var(--color-bg, #fff);color:var(--color-body, #2c2d2e);cursor:pointer}.toggle-box--back a{color:var(--color-accent)}.toggle-box--back-inner{flex:1;min-height:0}.toggle-box--back-inner div{height:100%;padding:32px;overflow-y:auto}.toggle-box--back-inner div>*:last-child{margin-bottom:0}.toggle-box--image{position:absolute;top:0;right:0;bottom:0;left:0;margin:0}.toggle-box--image .aspect-ratio{position:absolute;top:0;right:0;bottom:0;left:0}.toggle-box--image img,.toggle-box--image .thb-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.toggle-box--image .thb-placeholder svg{width:100%;height:100%;object-fit:cover}.toggle-box--overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:11;background:rgba(var(--overlay-color-rgb),var(--overlay-opacity));border-radius:8px;transition:background .25s cubic-bezier(.104,.204,.492,1)}.toggle-box:hover .toggle-box--overlay{background:rgba(var(--overlay-color-rgb),min(1,calc(var(--overlay-opacity) + .2)))}.toggle-box--caption{position:absolute;left:0;right:0;bottom:16px;z-index:12;padding:0 24px;color:#fff;font-weight:var(--font-body-medium-weight, 500);line-height:1.2}
/*# sourceMappingURL=/cdn/shop/t/9/assets/toggle-boxes.css.map */