.okg{position:relative;overflow:hidden;isolation:isolate;height:var(--okg-height);min-height:320px;background:var(--okg-bg)}.okg *,.okg *:before,.okg *:after{box-sizing:border-box}.okg__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.okg__bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover}.okg__bg-img--mobile{display:none}.okg__ground{position:absolute;left:0;right:0;bottom:0;height:var(--okg-ground);background:var(--okg-ground-color, transparent);z-index:0}.okg__stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.okg--creatures-front .okg__stage{z-index:3}.okg__blocks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;grid-template:1fr / 1fr;pointer-events:none}.okg__blocks>*{display:contents}.okg__blocks template{display:none}.okg-panel{grid-area:1 / 1;justify-self:var(--h);align-self:var(--v);width:calc(100% - 2 * var(--panel-margin));max-width:var(--panel-max);margin:var(--panel-margin);max-height:calc(100% - 2 * var(--panel-margin));overflow-y:auto;scrollbar-width:thin;padding:var(--panel-pad);background:var(--panel-bg);border-radius:var(--panel-radius);display:flex;flex-direction:column;gap:var(--panel-gap);pointer-events:auto}.okg-panel>*{margin-top:0;margin-bottom:0}.okg-c{position:absolute;left:0;top:0;width:var(--s);height:var(--s);will-change:transform;pointer-events:auto;cursor:default;-webkit-tap-highlight-color:transparent}.okg-c__body{width:100%;height:100%;will-change:transform}.okg-c--sway .okg-c__body{transform-origin:50% 100%}.okg-c__body img,.okg-c__body svg{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.okg-c__name{position:absolute;left:50%;top:100%;transform:translate(-50%,2px);padding:1px 7px;border-radius:999px;white-space:nowrap;font-size:var(--okg-label-size);line-height:1.4;color:var(--okg-label-color);background:var(--okg-label-bg);pointer-events:none;transition:opacity .25s}.okg-c__new{margin-left:4px;padding:0 5px;border-radius:999px;font-size:.8em;text-transform:uppercase;letter-spacing:.05em;background:var(--okg-label-color);color:var(--okg-label-bg)}.okg--labels-never .okg-c__name{display:none}.okg--labels-hover .okg-c__name{opacity:0}.okg--labels-hover .okg-c:hover .okg-c__name,.okg--labels-hover .okg-c.is-picked .okg-c__name,.okg--labels-hover .okg-c.is-new .okg-c__name{opacity:1}.okg-c.is-picked,.okg-c:hover{z-index:5}.okg-c.is-born .okg-c__body{animation:okg-born .9s cubic-bezier(.2,1.4,.4,1) backwards}@keyframes okg-born{0%{transform:scale(0)}}@media(max-width:749px){.okg-panel{width:calc(100% - 2 * var(--panel-margin-m));margin:var(--panel-margin-m);max-height:calc(100% - 2 * var(--panel-margin-m));padding:var(--panel-pad-m)}.okg__bg:has(.okg__bg-img--mobile) .okg__bg-img--desktop{display:none}.okg__bg-img--mobile{display:block}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/oddkin-garden.css.map */