.ff-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;width:100%;border:1.5px dashed rgba(150,120,86,.5);border-radius:6px;background:hsla(0,0%,100%,.22);transition:border-color .2s ease,transform .15s cubic-bezier(.16,1,.3,1)}.ff-slot:after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:rgba(214,100,42,.055);opacity:0;transition:opacity .2s ease;pointer-events:none}.ff-ico{position:relative;z-index:1;width:52px;height:52px;color:#c0561f;opacity:.85;transition:opacity .25s ease,transform .25s cubic-bezier(.16,1,.3,1)}.ff-ico svg{width:100%;height:100%;display:block}@media (hover:hover) and (pointer:fine){.ff-card:hover .ff-slot{border-color:#a8511f}.ff-card:hover .ff-slot:after{opacity:1}.ff-card:hover .ff-ico{opacity:1;transform:translateY(-2px)}}.ff-card:active .ff-slot{transform:translateY(1px)}.ff-card:focus-visible{outline:2px solid #231f20;outline-offset:3px}@media (prefers-reduced-motion:reduce){.ff-ico,.ff-slot,.ff-slot:after{transition-duration:.001ms}}