.tprod-section{background-color:var(--tprod-ground, #f6eddd);color:var(--tprod-ink, #1c3b27)}.tprod{--tprod-tile-max: 32rem;max-width:var(--page-content-width, 90rem);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,4rem);padding-block:clamp(1.5rem,4vw,3rem) clamp(3rem,7vw,5rem)}.tprod__inner{display:grid;gap:var(--tprod-gap, 56px);align-items:start}.tprod__tile{aspect-ratio:var(--tprod-ratio, 4 / 5);border-radius:clamp(1.25rem,2vw,2rem);width:100%;max-width:var(--tprod-tile-max, 30rem)}.tprod .tprod__tile{padding-block-start:var(--tprod-pack-top, 6%);padding-block-end:var(--tprod-pack-bottom, 5%);grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.tprod__tile .tgrid__pack{max-width:88%;max-height:100%}.tprod__tile.has-slides{touch-action:pan-y;user-select:none;-webkit-user-select:none}.tprod__tile.has-slides .tgrid__pack,.tprod__tile.has-slides .tgrid__slide{grid-area:1 / 1;translate:calc((var(--i, 0) - var(--active, 0)) * 170%) 0;-webkit-user-drag:none}.tprod__tile .tgrid__slide{position:relative;z-index:1;width:auto;max-width:88%;max-height:100%;object-fit:contain;border-radius:.6rem;filter:drop-shadow(0 18px 26px rgb(0 0 0 / .32));transition:translate .6s cubic-bezier(.22,.8,.25,1);pointer-events:none}.tprod__tile.has-slides .tgrid__pack,.trichios-choreo .tprod__tile.has-slides .tgrid__pack{opacity:1;transform:none;transition:translate .6s cubic-bezier(.22,.8,.25,1)}.tprod__dots{display:flex;justify-content:center;width:100%;max-width:var(--tprod-tile-max, 30rem);margin-block-start:.5rem}.tprod__dot{display:grid;place-items:center;width:1.75rem;height:1.75rem;padding:0;border:0;background:transparent;cursor:pointer}.tprod__dot:before{content:"";width:.55rem;height:.55rem;border-radius:999px;background-color:color-mix(in srgb,var(--tprod-ink, #1c3b27) 28%,transparent);transition:width .3s ease,background-color .3s ease}.tprod__dot.is-active:before{width:1.4rem;background-color:var(--tprod-ink, #1c3b27)}.tprod__dot:focus-visible{outline:2px solid var(--tprod-accent, currentcolor);outline-offset:0;border-radius:999px}@media(prefers-reduced-motion:reduce){.tprod__tile .tgrid__slide,.tprod__tile.has-slides .tgrid__pack,.trichios-choreo .tprod__tile.has-slides .tgrid__pack,.tprod__dot:before{transition:none}}.tprod__tile.is-zoomable{cursor:zoom-in}.tprod__tile.is-zoomable:focus-visible{outline:3px solid var(--tprod-accent, currentcolor);outline-offset:4px}.tprod__lb{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--tprod-on-accent, #faf7f0);overflow:hidden}.tprod__lb::backdrop{background:#0a140ed1}.tprod__lb-stage{display:grid;place-items:center;width:100%;height:100%;padding:clamp(.9rem,3vw,2rem)}.tprod__lb-panel{position:relative;display:grid;place-items:center;width:min(100%,42rem);max-height:100%;padding:clamp(1rem,3vw,2rem) clamp(1rem,3vw,2rem) 3.25rem;border-radius:clamp(1rem,2vw,1.5rem);background-color:var(--tprod-accent, #8e4033);box-shadow:0 30px 80px #00000073}.tprod__lb[open] .tprod__lb-panel{animation:tprod-lb-in .28s cubic-bezier(.22,.8,.25,1)}@keyframes tprod-lb-in{0%{opacity:0;transform:translateY(14px) scale(.97)}}.tprod__lb-fig{display:grid;place-items:center;margin:0}.tprod__lb-fig[hidden]{display:none}.tprod__lb-img{display:block;aspect-ratio:var(--r, .667);width:min(100%,calc((100vh - 11rem) * var(--r, .667)));width:min(100%,calc((100dvh - 11rem) * var(--r, .667)));height:auto;object-fit:contain;border-radius:.6rem}.tprod__lb-close,.tprod__lb-nav{position:absolute;z-index:2;display:grid;place-items:center;border:0;border-radius:999px;background-color:var(--tprod-ground, #f6eddd);color:var(--tprod-ink, #1c3b27);box-shadow:0 4px 14px #0000004d;cursor:pointer;transition:transform .2s ease}.tprod__lb-close:hover,.tprod__lb-nav:hover{transform:scale(1.08)}.tprod__lb-close:focus-visible,.tprod__lb-nav:focus-visible{outline:3px solid var(--tprod-on-accent, #faf7f0);outline-offset:2px}.tprod__lb-close{top:-.75rem;right:-.5rem;width:2.5rem;height:2.5rem}.tprod__lb-nav{top:calc(50% - 1.5rem);width:2.75rem;height:2.75rem}.tprod__lb-nav--prev{left:.6rem}.tprod__lb-nav--next{right:.6rem}@media screen and (max-width:749px){.tprod__lb-nav{top:auto;bottom:.35rem;width:2.5rem;height:2.5rem}.tprod__lb-nav--prev{left:1rem}.tprod__lb-nav--next{right:1rem}}.tprod__lb-dots{position:absolute;inset-inline:0;bottom:.6rem;display:flex;justify-content:center}.tprod__lb-dot:before{background-color:color-mix(in srgb,var(--tprod-on-accent, #faf7f0) 40%,transparent)}.tprod__lb-dot.is-active:before{background-color:var(--tprod-on-accent, #faf7f0)}.tprod__lb-dot:focus-visible{outline-color:var(--tprod-on-accent, #faf7f0)}@media(prefers-reduced-motion:reduce){.tprod__lb[open] .tprod__lb-panel{animation:none}.tprod__lb-close,.tprod__lb-nav{transition:none}}.tprod__tile,.tprod__tile .tgrid__pack{transition:none}.tprod__details>.group-block{padding-block-start:0}@media screen and (min-width:750px){.tprod__details .sticky-content--desktop,.tprod__details .sticky-content--desktop.full-height--desktop>.group-block{position:static}}.tprod-section{--color-primary-button-text: var(--tprod-on-accent, #faf7f0);--color-primary-button-background: var(--tprod-accent, #b0472f);--color-primary-button-border: var(--tprod-accent, #b0472f);--color-primary-button-hover-text: var(--tprod-on-accent, #faf7f0);--color-primary-button-hover-background: color-mix(in srgb, var(--tprod-accent) 84%, black);--color-primary-button-hover-border: color-mix(in srgb, var(--tprod-accent) 84%, black);--color-secondary-button-text: var(--tprod-ink, #1c3b27);--color-secondary-button-background: transparent;--color-secondary-button-border: var(--tprod-ink, #1c3b27);--color-secondary-button-hover-text: var(--tprod-ground, #f6eddd);--color-secondary-button-hover-background: var(--tprod-ink, #1c3b27);--color-secondary-button-hover-border: var(--tprod-ink, #1c3b27)}.tprod{--variant-option-label-color: var(--color, var(--color-foreground));--border-color: rgb(var(--color-border-rgb) / var(--opacity-50))}@media screen and (max-width:749px){.tprod__inner{gap:clamp(1rem,5vw,1.5rem)}.tprod__tile{aspect-ratio:5 / 6}}@media screen and (min-width:750px){.tprod__inner{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.tprod__inner--media-right .tprod__media{order:1}.tprod__details{align-self:start}}@media screen and (min-width:1200px){.tprod__inner{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.tprod__media{display:grid;justify-items:center}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/trichios-product.css.map */