fenyom-spin{display:block;position:relative;width:100%;aspect-ratio:1 / var(--fenyom-spin-ratio, 1.25);--fenyom-spin-max: min(72vh, 780px);max-height:var(--fenyom-spin-max);max-width:calc(var(--fenyom-spin-max) / var(--fenyom-spin-ratio, 1.25));margin-inline:auto;background:rgb(var(--color-background, 255 255 255));border-radius:var(--media-radius, 0);overflow:visible;touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none}@media screen and (max-width:749px){fenyom-spin{--fenyom-spin-max: min(72vh, calc((100vw - 3rem)/.8) );--fenyom-spin-vagas: .025;max-height:calc(var(--fenyom-spin-max) * (1 - var(--fenyom-spin-vagas)));aspect-ratio:1 / calc(var(--fenyom-spin-ratio, 1.25) * (1 - var(--fenyom-spin-vagas)))}}.fenyom-tree-360,.fenyom-spin-felulet,.fenyom-spin-felulet fenyom-spin,fenyom-spin.is-loading{cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none}.fenyom-spin-felulet a,.fenyom-spin-felulet button,.fenyom-spin-felulet input,.fenyom-spin-felulet label{cursor:pointer}fenyom-spin.is-dragging{cursor:ew-resize}.fenyom-spin__canvas{display:block;width:100%;height:100%;border-radius:inherit;object-fit:contain}@media screen and (max-width:749px){.fenyom-spin__canvas{height:calc(100% / (1 - var(--fenyom-spin-vagas, 0)));clip-path:inset(0 0 2.5% 0)}}.fenyom-spin__canvas:focus-visible{outline:.2rem solid rgb(var(--color-foreground, 18 18 18));outline-offset:-.2rem}.fenyom-spin__loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#ffffffd1;border-radius:inherit;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;transition:background .4s ease,backdrop-filter .4s ease,opacity .35s ease}.fenyom-spin__ring{position:relative;display:grid;place-items:center;width:74px;height:74px;transition:width .4s ease,height .4s ease}.fenyom-spin__ring svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.fenyom-spin__ring circle{fill:none;stroke-width:3;stroke-linecap:round}.fenyom-spin__ring-track{stroke:#123c321f}.fenyom-spin__ring-bar{stroke:#ff6d5d;stroke-dasharray:131.95;stroke-dashoffset:calc(131.95 * (1 - var(--fenyom-spin-progress, 0)));transition:stroke-dashoffset .25s ease}.fenyom-spin__pct{color:#103c32;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.fenyom-spin__loading-label{margin:0;color:#67736e;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}fenyom-spin.is-first-frame .fenyom-spin__loader{inset:12px auto auto 12px;display:block;padding:6px;border-radius:99px;background:#ffffffdb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 6px 18px #11362d1a}fenyom-spin.is-first-frame .fenyom-spin__ring{width:38px;height:38px}fenyom-spin.is-first-frame .fenyom-spin__pct{font-size:10px}fenyom-spin.is-first-frame .fenyom-spin__loading-label{display:none}fenyom-spin.is-ready .fenyom-spin__loader{opacity:0;visibility:hidden}.fenyom-spin__hint{position:absolute;top:100%;left:50%;max-width:100%;margin:10px 0 0;padding:0;transform:translate(-50%);color:var(--pine-700, rgba(18, 18, 18, .75));font-size:1.3rem;letter-spacing:.02em;text-align:center;white-space:nowrap;pointer-events:none}.fenyom-spin__code{position:absolute;z-index:2;top:12px;right:12px;pointer-events:none}.fenyom-spin__hint-icon{display:inline-flex;margin-right:7px;vertical-align:-5px}.fenyom-spin__hint-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.fenyom-spin__hint-dot circle{fill:currentColor;fill-opacity:.16}fenyom-spin:not(.is-ready) .fenyom-spin__hint-icon{display:none}fenyom-spin.is-ready .fenyom-spin__hint-dot{animation:fenyom-spin-swipe 1.6s ease-in-out 3}.fenyom-spin__hint-arrow{opacity:.75}@keyframes fenyom-spin-swipe{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}fenyom-spin{margin-bottom:30px}@media(prefers-reduced-motion:reduce){.fenyom-spin__ring-bar,.fenyom-spin__ring,.fenyom-spin__loader{transition:none}fenyom-spin.is-ready .fenyom-spin__hint-dot{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/fenyom-tree-360.css.map */