.t-art{display:block;width:100%;height:auto;overflow:visible;--t-line: var(--beejro-forest);--t-board: var(--beejro-paper);--t-orange: color-mix(in srgb, var(--beejro-sunflower) 55%, var(--beejro-error));--t-wood: color-mix(in srgb, var(--t-orange) 32%, var(--beejro-cream));--t-steel: color-mix(in srgb, var(--beejro-paper) 74%, black);--t-steel-dark: color-mix(in srgb, var(--beejro-paper) 52%, black);--t-dark: color-mix(in srgb, var(--beejro-forest) 18%, black);--t-grip: var(--beejro-sunflower);--t-glove: color-mix(in srgb, color-mix(in srgb, var(--beejro-forest) 70%, var(--beejro-leaf)) 82%, var(--beejro-paper));--t-knit: var(--beejro-cream);--t-copper: var(--t-orange);--t-pouch: var(--beejro-cream);--t-strap: var(--beejro-forest);--t-tag: var(--beejro-paper);--t-blade-dark: color-mix(in srgb, var(--beejro-paper) 32%, black);--t-chrome: color-mix(in srgb, var(--beejro-paper) 86%, var(--beejro-forest-muted));--t-fork: color-mix(in srgb, var(--beejro-forest) 14%, black);--t-label: var(--beejro-paper);--t-rosewood: color-mix(in srgb, var(--t-orange) 52%, black);--t-lw: 1.8px}.t-art :is(path,rect,circle,ellipse){vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.t-art :is(.t-wood,.t-steel,.t-steel-dark,.t-dark,.t-grip,.t-glove,.t-knit,.t-copper,.t-pouch,.t-strap,.t-tag,.t-onyx,.t-blade-dark,.t-chrome,.t-orange,.t-label){stroke:var(--t-line);stroke-width:var(--t-lw)}.t-art .t-wood{fill:var(--t-wood)}.t-art .t-steel{fill:var(--t-steel)}.t-art .t-steel-dark{fill:var(--t-steel-dark)}.t-art .t-dark{fill:var(--t-dark)}.t-art .t-grip{fill:var(--t-grip)}.t-art .t-glove{fill:var(--t-glove)}.t-art .t-knit{fill:var(--t-knit)}.t-art .t-copper{fill:var(--t-copper)}.t-art .t-pouch{fill:var(--t-pouch)}.t-art .t-strap{fill:var(--t-strap)}.t-art .t-tag{fill:var(--t-tag)}.t-art .t-onyx{fill:var(--t-dark)}.t-art .t-blade-dark{fill:var(--t-blade-dark)}.t-art .t-chrome{fill:var(--t-chrome)}.t-art .t-orange{fill:var(--t-orange)}.t-art .t-label{fill:var(--t-label)}.t-art .t-rosewood{fill:var(--t-rosewood);stroke:var(--t-line);stroke-width:var(--t-lw)}.t-art .t-wood-warm{fill:color-mix(in srgb,var(--t-orange) 55%,var(--beejro-cream))}.t-art :is(.t-neck,.t-grain){fill:none}.t-art .t-neck{stroke:var(--t-steel-dark);stroke-width:5px}.t-art .t-grain{stroke:color-mix(in srgb,var(--t-rosewood) 70%,black);stroke-width:1.2px}.t-art :is(.t-wire,.t-label-line,.t-fork,.t-fork-out){fill:none}.t-art .t-wire{stroke:var(--t-steel-dark);stroke-width:1.6px}.t-art .t-label-line{stroke:var(--t-glove);stroke-width:2px}.t-art .t-fork-out{stroke:color-mix(in srgb,var(--beejro-forest) 40%,black);stroke-width:9px}.t-art .t-fork{stroke:var(--t-fork);stroke-width:6.5px}.t-art :is(.t-detail,.t-cord,.t-mesh,.t-shine,.t-tag-line,.t-glove-line,.t-knit-line,.t-gloss,.t-bag-edge,.t-copper-line,.t-tine){fill:none}.t-art .t-detail{stroke:var(--t-line);stroke-width:1.3px}.t-art .t-cord{stroke:var(--t-dark);stroke-width:2.4px}.t-art .t-shine{stroke:var(--beejro-paper);stroke-width:2px;opacity:.85}.t-art .t-tag-line{stroke:var(--t-glove);stroke-width:1.4px}.t-art .t-glove-line{stroke:color-mix(in srgb,var(--t-glove) 60%,black);stroke-width:1.3px}.t-art .t-knit-line{stroke:color-mix(in srgb,var(--beejro-cream) 70%,var(--beejro-forest-muted));stroke-width:1px}.t-art .t-bag{fill:color-mix(in srgb,var(--beejro-cream) 55%,transparent);stroke:none}.t-art .t-bag-edge{stroke:var(--t-line);stroke-width:var(--t-lw)}.t-art .t-mesh{stroke:color-mix(in srgb,var(--beejro-cream) 80%,var(--beejro-forest-muted));stroke-width:1.2px}.t-art .t-gloss{stroke:var(--beejro-paper);stroke-width:1.6px;opacity:.8}.t-art .t-tine{stroke:var(--t-dark);stroke-width:5px}.t-art .t-copper-line{stroke:var(--t-copper);stroke-width:3.4px}.t-art .t-dot{fill:var(--t-dark)}.t-art .t-hole{fill:var(--t-board);stroke:var(--t-line);stroke-width:1.2px}.t-art .t-peg{fill:var(--t-line)}.btw__card{--btw-pad: 32px;--btw-bg: var(--beejro-sunflower);--btw-edge: var(--beejro-forest);--btw-board: var(--beejro-paper);--btw-hole: rgb(var(--beejro-forest-rgb) / .13);--btw-shadow: rgb(var(--beejro-forest-rgb) / .12);--btw-tool-h: 250px;display:grid;gap:20px;padding:var(--btw-pad);border:2px solid var(--btw-edge, transparent);border-radius:32px;background-color:var(--btw-bg);color:var(--beejro-forest)}.btw__card .btw__head{margin:0}.btw__board{--beejro-scroller-item: 40%;--beejro-scroller-item-tablet: 24%;--beejro-scroller-columns: 6;--beejro-scroller-gap: 8px;--beejro-scroller-gap-wide: 12px;--beejro-scroller-track: rgb(var(--beejro-forest-rgb) / .12);min-width:0;padding:22px 16px 10px;border-radius:22px;background-color:var(--btw-board);background-image:radial-gradient(circle,var(--btw-hole) 2.3px,transparent 2.8px);background-size:24px 24px;background-position:12px 12px}.btw__row{margin-inline:-16px;padding:4px 16px 10px;scroll-padding-inline:16px}@media screen and (max-width:989px){.btw__board{--btw-row-top: 26px;--btw-row-end: 16px;padding-block-start:0;overflow:clip;background-image:none}.btw__row{padding-block-start:var(--btw-row-top)}.btw__row:before{content:"";grid-row:1;grid-column:1 / span var(--btw-n, 6);margin-block:calc(var(--btw-row-top) * -1) -10px;margin-inline:calc(var(--btw-row-end) * -1);background-image:radial-gradient(circle,var(--btw-hole) 2.3px,transparent 2.8px);background-size:24px 24px;background-position:12px 12px;pointer-events:none}.btw__item{grid-row:1;grid-column:var(--btw-i)}}.btw__item{display:flex}.btw__link{display:flex;flex:1;flex-direction:column;align-items:center;gap:16px;min-width:0;padding:6px 4px 8px;border-radius:16px;color:inherit;text-align:center;text-decoration:none}.btw__link:is(:hover,:active,:focus,:visited){color:inherit}.btw__link:focus-visible{outline:2px solid var(--beejro-forest);outline-offset:2px}.btw__tool{position:relative;display:block;height:var(--btw-tool-h);aspect-ratio:120 / 200}.btw__tool .t-art{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;--t-board: var(--btw-board)}.btw__tool>.t-art,.btw__shadow>.t-art{transform-origin:50% 5%;transition:rotate .5s cubic-bezier(.22,1,.36,1)}.btw__shadow{position:absolute;top:0;right:0;bottom:0;left:0;display:block;translate:calc(var(--btw-tool-h) * .024) calc(var(--btw-tool-h) * .024)}.btw__shadow .t-art *{fill:var(--btw-shadow);stroke:var(--btw-shadow)}.btw__shadow .t-art :is(.t-peg,.t-detail,.t-mesh,.t-cord,.t-gloss,.t-shine,.t-tag-line,.t-knit-line,.t-glove-line,.t-grain,.t-label-line,.t-wire){display:none}.btw__shadow .t-art :is(.t-fork,.t-fork-out,.t-tine,.t-neck,.t-copper-line){fill:none}@media(hover:hover){.btw__link:hover :is(.btw__tool,.btw__shadow)>.t-art{rotate:6deg}}.btw__link:active :is(.btw__tool,.btw__shadow)>.t-art{rotate:-4deg}.btw__label{position:relative;display:grid;align-content:center;justify-items:center;width:100%;max-width:200px;min-height:calc(2.4em + 17px);flex:1 0 auto;padding:8px 20px 9px;border-radius:7px;background-color:var(--beejro-forest);color:var(--beejro-cream);box-shadow:0 2px #0000002e}.btw__label:before,.btw__label:after{content:"";position:absolute;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background-color:color-mix(in srgb,var(--beejro-cream) 55%,var(--beejro-forest))}.btw__label:before{left:8px}.btw__label:after{right:8px}.btw__name{font-size:1rem;font-weight:700;line-height:1.2}@media screen and (min-width:990px){.btw__board{padding-inline:20px}.btw .beejro-scroller__arrows{display:none}.btw__row{margin-inline:0;padding-inline:0;scroll-padding-inline:0;overflow:visible}}@media screen and (max-width:1279px){.btw__card{--btw-tool-h: 200px}.btw__label{padding-inline:14px}.btw__label:before{left:5px}.btw__label:after{right:5px}.btw__name{font-size:.9375rem}}@media screen and (max-width:749px){.btw__card{--btw-pad: 16px;--btw-tool-h: 160px;gap:16px;padding-block:20px;border-radius:24px}.btw__board{--btw-row-top: 20px;--btw-row-end: 8px;margin-inline:-4px;padding:0 8px 8px}.btw__row{margin-inline:-8px;padding-inline:8px;scroll-padding-inline:8px}.btw__label{padding:7px 14px 8px}.btw__label:before{left:5px}.btw__label:after{right:5px}.btw__name{font-size:.875rem}}@media(prefers-reduced-motion:reduce){:is(.btw__tool,.btw__shadow)>.t-art{transition:none}.btw__link:is(:hover,:active) :is(.btw__tool,.btw__shadow)>.t-art{rotate:none}}.btw .beejro-head__sub{color:var(--beejro-forest)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/beejro-tool-wall.css.map */