.card .card__inner .card__media:has(>.fk-status-badge){position:absolute;top:0;bottom:0;width:calc(100% - 2 * var(--image-padding, 0px))}.product-media-container:has(>.fk-status-badge){position:relative}.fk-status-badge{--fk-badge-ink: #104b34;--fk-badge-bg: rgb(239 250 243 / 72%);--fk-badge-border: rgb(181 217 195 / 65%);--fk-badge-hover: rgb(222 244 231 / 90%);position:absolute;inset:14px 12px auto auto;transform:rotate(-3deg);transform-origin:center;z-index:3;display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:5px;box-sizing:border-box;max-width:calc(100% - 24px);padding:11px 17px;border:0;border-radius:0;background:transparent;color:var(--fk-badge-ink);font-family:inherit;font-size:12px;font-weight:700;line-height:1.25;letter-spacing:0;text-align:start;white-space:nowrap;overflow-wrap:normal;word-break:normal;writing-mode:horizontal-tb;pointer-events:auto;text-decoration:none;cursor:default;box-shadow:none}.fk-status-badge__cloud{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;stroke:var(--fk-badge-ink);stroke-width:1.35}.fk-status-badge__cloud path{vector-effect:non-scaling-stroke}.fk-status-badge__cloud-fill{fill:var(--fk-badge-bg);transition:fill .18s ease}.fk-status-badge__cloud-curl{stroke-width:.8;stroke-opacity:.65;stroke-linecap:round}.fk-status-badge>span{position:relative;z-index:1}a.fk-status-badge{cursor:pointer}.fk-status-badge>span:last-child{flex:0 0 auto;white-space:nowrap;text-shadow:0 1px 1px rgb(255 255 255 / 90%),0 -1px 1px rgb(255 255 255 / 90%),1px 0 1px rgb(255 255 255 / 90%),-1px 0 1px rgb(255 255 255 / 90%)}.fk-status-badge--preorder{--fk-badge-ink: #7b1d42;--fk-badge-bg: rgb(255 241 246 / 72%);--fk-badge-border: rgb(232 183 204 / 65%);--fk-badge-hover: rgb(255 225 237 / 90%)}.fk-status-badge--request{--fk-badge-ink: #17445e;--fk-badge-bg: rgb(239 248 252 / 72%);--fk-badge-border: rgb(180 213 229 / 65%);--fk-badge-hover: rgb(223 241 250 / 90%)}.fk-status-badge--gallery{inset:18px 16px auto auto;max-width:calc(100% - 24px);padding:15px 23px;gap:7px;font-size:16px}.product-media-container:has(>.fk-status-badge--gallery) .product__media-icon{left:12px;right:auto}@media(max-width:749px){.fk-status-badge--gallery{inset:14px 12px auto auto;max-width:calc(100% - 16px);padding:13px 20px;font-size:14px}}.fk-status-badge__icon{display:flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;background:#ffffffa6;border-radius:50%;padding-right:0;box-sizing:content-box}.fk-status-badge__icon svg{display:block;width:18px;height:18px;color:inherit;fill:currentColor}.fk-status-badge--gallery .fk-status-badge__icon{flex-basis:26px;width:26px;height:26px}.fk-status-badge--gallery .fk-status-badge__icon svg{width:24px;height:24px}@media(hover:hover)and (pointer:fine){.fk-status-badge:hover{background:transparent}.fk-status-badge:hover .fk-status-badge__cloud-fill{fill:var(--fk-badge-hover)}.card-wrapper:has(.fk-status-badge:hover) .media--hover-effect>img{transform:none!important}.card-wrapper:has(.fk-status-badge:hover) .media--hover-effect>img:first-child{opacity:1!important}.card-wrapper:has(.fk-status-badge:hover) .media--hover-effect>img:nth-child(2){opacity:0!important}}.fk-status-badge:focus-visible{outline:2px solid var(--fk-badge-ink);outline-offset:3px;background:transparent}@media(prefers-reduced-motion:reduce){.fk-status-badge__cloud-fill{transition:none}}.fk-status-badge--card{position:absolute;inset:12px 8px auto auto;max-width:calc(100% - 16px);padding:8px 14px;gap:4px}.fk-status-badge--home{font-size:11px}.card-wrapper:has(.fk-status-badge--card) .card__heading,.card-wrapper:has(.fk-status-badge--card) .card__information,.card-wrapper:has(.fk-status-badge--card) .card-information{text-align:left!important}.card-wrapper:has(.fk-status-badge--card) .price{text-align:left;font-weight:600}.card-wrapper:has(.fk-status-badge--card) .card{border-color:#23272d59!important}.fk-status-badge--home .fk-status-badge__icon{flex-basis:16px;width:16px;height:16px}.fk-status-badge--home .fk-status-badge__icon svg{width:14px;height:14px}@media(max-width:749px){.card-wrapper .fk-status-badge--card{display:none}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/fk-product-status-badge.css.map */
