#cf31-home-hero{max-width:1540px;margin:0 auto;color:#fff;font:14px/1.5 Arial,sans-serif}#cf31-home-hero [hidden]{display:none!important}.cf31-hero-public{margin:24px 20px 30px}.cf31-hero-photo{overflow:hidden;border:1px solid #ffffff20;border-radius:12px;background:#101113}.cf31-hero-photo a{display:block}.cf31-hero-photo img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;margin:0 auto}.cf31-hero-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:10px}.cf31-hero-controls button,#cf31-home-hero button{border:1px solid #ffffff30;border-radius:6px;background:#20232a;color:#fff;min-height:44px;min-width:44px;padding:8px 14px;font:700 13px Arial;cursor:pointer}#cf31-home-hero button:hover:not(:disabled){background:#bd002c}#cf31-home-hero button:disabled{opacity:.45;cursor:wait}#cf31-home-hero :focus-visible{outline:2px solid #ff1748;outline-offset:3px}.cf31-hero-admin-bar{padding:12px 20px;text-align:right}.cf31-hero-admin{width:780px;max-width:calc(100vw - 24px);max-height:90vh;box-sizing:border-box;overflow:auto;background:#15171b;color:#fff;border:1px solid #555;border-radius:12px;padding:24px;font:14px/1.5 Arial,sans-serif}.cf31-hero-admin::backdrop{background:#000b}.cf31-hero-admin-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.cf31-hero-admin h2{font-size:24px;margin:0}.cf31-hero-help{color:#b6b9c3;font-size:12px}.cf31-hero-admin label{display:grid;gap:6px;font-size:13px;margin:12px 0}.cf31-hero-admin input{box-sizing:border-box;width:100%;padding:10px;background:#0d0e11;color:#fff;border:1px solid #555;border-radius:6px;min-height:44px}.cf31-hero-admin [data-preview]{max-width:100%;max-height:190px;object-fit:contain}.cf31-hero-admin form{border-bottom:1px solid #444;padding-bottom:20px}.cf31-hero-admin .cf31-hero-primary{background:#d00030!important}.cf31-hero-edit-row{display:grid;grid-template-columns:110px 1fr;gap:16px;border-top:1px solid #444;padding:18px 0}.cf31-hero-edit-row>img{width:110px;height:100px;object-fit:contain;background:#090a0b}.cf31-hero-row-buttons{display:flex;flex-wrap:wrap;gap:6px}.cf31-hero-admin [data-admin-status]{min-height:22px}.cf31-hero-admin [data-admin-status][data-error=true]{color:#ffb6c5}@media(max-width:699px){.cf31-hero-public{margin:14px 12px 24px}.cf31-hero-admin{padding:18px}.cf31-hero-edit-row{grid-template-columns:1fr}.cf31-hero-edit-row>img{width:100%;height:120px}.cf31-hero-admin h2{font-size:20px}}.cf31-hero-preview-bar{margin:16px 20px;padding:14px;background:#382d12;border:1px solid #d2ae53;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}#cf31-home-hero .cf31-hero-photo img{height:clamp(190px,20vw,320px);max-height:320px;width:100%;object-fit:contain}#cf31-home-hero .cf31-hero-public{margin-top:16px;margin-bottom:20px}@media(max-width:699px){#cf31-home-hero .cf31-hero-photo img{height:clamp(140px,38vw,220px);max-height:220px}#cf31-home-hero .cf31-hero-public{margin-top:12px;margin-bottom:16px}}#cf31-home-hero .cf31-hero-photo{position:relative;isolation:isolate;border-color:#ffffff18;border-radius:14px;box-shadow:0 12px 32px #0005;background:#111216}#cf31-home-hero .cf31-hero-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#090a0d66,transparent 35%,transparent 65%,#090a0d66);pointer-events:none}#cf31-home-hero .cf31-hero-photo>img:not(.cf31-hero-backdrop),#cf31-home-hero .cf31-hero-photo>a{position:relative;z-index:1}#cf31-home-hero .cf31-hero-photo img.cf31-hero-backdrop{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;width:124%;height:124%;max-height:none;object-fit:cover;filter:blur(26px) saturate(.85);opacity:.48;z-index:-2;pointer-events:none}#cf31-home-hero .cf31-hero-preview-bar{margin:10px 20px;padding:8px 12px;background:#17191e;border:1px solid #ffffff20;border-left:3px solid #df123b;border-radius:6px;font-size:12px;color:#c7c9d1}#cf31-home-hero .cf31-hero-preview-bar button{min-height:36px;padding:6px 12px;font-size:12px}#cf31-home-hero .cf31-hero-public{margin-top:10px}@media(max-width:699px){#cf31-home-hero .cf31-hero-preview-bar{margin:8px 12px}.cf31-hero-preview-bar strong{font-size:11px}#cf31-home-hero .cf31-hero-photo{border-radius:10px}}#cf31-home-hero .cf31-hero-photo{border:0;border-radius:6px;box-shadow:none;background:#101113}#cf31-home-hero .cf31-hero-photo:after{display:none}#cf31-home-hero .cf31-hero-photo img:not(.cf31-hero-backdrop){display:block;width:100%;height:clamp(180px,21vw,310px);max-height:310px;object-fit:cover;object-position:center}#cf31-home-hero .cf31-hero-backdrop{display:none!important}#cf31-home-hero .cf31-hero-public{position:relative;margin:16px 20px 24px}#cf31-home-hero .cf31-hero-controls{position:absolute;bottom:12px;right:12px;gap:8px;margin:0;padding:4px 6px;background:#090b0ee6;border:1px solid #ffffff25;border-radius:6px;color:#fff}#cf31-home-hero .cf31-hero-controls button{background:transparent;border:0;min-width:36px;min-height:36px;padding:4px 8px}#cf31-home-hero .cf31-hero-preview-bar{background:transparent;border:0;padding:4px 0;margin:8px 20px;color:#aaa;font-size:11px}@media(max-width:699px){#cf31-home-hero .cf31-hero-photo img:not(.cf31-hero-backdrop){height:180px;max-height:180px}#cf31-home-hero .cf31-hero-public{margin:12px 12px 20px}#cf31-home-hero .cf31-hero-controls{bottom:8px;right:8px}#cf31-home-hero .cf31-hero-preview-bar{margin:8px 12px}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/cf31-home-hero.css.map */