.free-panel{--free-panel-gap: 16px;--free-panel-min-height: 520px;--free-panel-panel-radius: 18px;--free-panel-panel-bg: #ffffff;--free-panel-panel-color: #111111;--free-panel-panel-border: rgba(17, 17, 17, .12);--free-panel-shadow: 0 18px 45px rgba(17, 24, 39, .16);--free-panel-dock-bg: rgba(17, 17, 17, .04);--free-panel-dock-active-bg: rgba(17, 17, 17, .1);--free-panel-handle-bg: linear-gradient(135deg, rgba(17, 17, 17, .06), rgba(17, 17, 17, .02));padding-top:var(--free-panel-padding-top, 36px);padding-bottom:var(--free-panel-padding-bottom, 36px)}.free-panel__header{margin-bottom:1.5rem}.free-panel__heading{margin:0;color:var(--free-panel-heading-color, #111111);font-size:var(--free-panel-heading-size, 32px);line-height:1.1}.free-panel__heading--left{text-align:left}.free-panel__heading--center{text-align:center}.free-panel__heading--right{text-align:right}.free-panel__stage-wrap{padding-left:var(--free-panel-margin-left, 0px);padding-right:var(--free-panel-margin-right, 0px)}.free-panel__stage{display:block;position:relative;isolation:isolate;width:100%;min-height:var(--free-panel-min-height);border-radius:calc(var(--free-panel-panel-radius) + 10px);overflow:hidden;background:transparent;border:none}.free-panel__stage-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(17,17,17,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.04) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.free-panel__dock-zone{position:absolute;z-index:1;background:var(--free-panel-dock-bg);opacity:0;transition:opacity .16s ease,background-color .16s ease;pointer-events:none}.free-panel__dock-zone.is-active{opacity:1;background:var(--free-panel-dock-active-bg)}.free-panel__dock-zone--top,.free-panel__dock-zone--bottom{left:0;right:0;height:var(--free-panel-dock-size, 88px)}.free-panel__dock-zone--left,.free-panel__dock-zone--right{top:0;bottom:0;width:var(--free-panel-dock-size, 88px)}.free-panel__dock-zone--top{top:0}.free-panel__dock-zone--right{right:0}.free-panel__dock-zone--bottom{bottom:0}.free-panel__dock-zone--left{left:0}.free-panel__drop-indicator{position:absolute;z-index:60;display:none;align-items:flex-start;justify-content:flex-start;border:2px dashed rgba(220,38,38,.72);border-radius:var(--free-panel-panel-radius);background:#fff4f4b8;box-shadow:inset 0 0 0 1px #ffffffe6,0 0 0 1px #dc26262e;opacity:0;pointer-events:none;transition:opacity .12s ease,left .12s ease,top .12s ease,width .12s ease,height .12s ease}.free-panel__drop-indicator.is-visible{opacity:1}.free-panel__drop-indicator-label{display:inline-flex;margin:8px;padding:4px 8px;border-radius:999px;background:#dc2626e6;color:#fff;font-size:12px;line-height:1}.free-panel__panel{position:absolute;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--free-panel-panel-radius);background:transparent;color:var(--free-panel-panel-color);border:none;box-shadow:none;touch-action:none;-webkit-user-select:none;user-select:none;transition:left .18s ease,top .18s ease,width .18s ease,height .18s ease}.free-panel__panel.is-dragging{z-index:50!important;transition:none}.free-panel__panel.is-dragging{opacity:.78}.free-panel--shadow .free-panel__panel,.free-panel__panel.is-docked{box-shadow:0 12px 28px #1118271a}.free-panel__panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 14px;cursor:grab;background:transparent;border-bottom:none;position:absolute;top:0;left:0;right:0;z-index:10;opacity:0;transition:opacity .18s ease}.free-panel__stage--no-drag .free-panel__panel-header{display:none!important}.free-panel__panel:hover .free-panel__panel-header,.free-panel__panel.is-dragging .free-panel__panel-header{opacity:1;background:var(--free-panel-handle-bg);border-bottom:1px solid rgba(17,17,17,.08)}.free-panel__panel.is-dragging .free-panel__panel-header{cursor:grabbing}.free-panel__panel-grip{position:relative;width:28px;height:10px;border-radius:999px;background:radial-gradient(circle,rgba(17,17,17,.36) 1.4px,transparent 1.5px) 0 0 / 8px 8px repeat-x;opacity:.75}.free-panel__panel-meta{display:inline-flex;align-items:center;white-space:nowrap}.free-panel__panel-body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;justify-content:flex-start}.free-panel__media-link{display:block;flex:1 1 0;position:relative;min-height:80px;overflow:hidden;color:inherit;text-decoration:none}.free-panel__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#1111110d}.free-panel__media-overlay{position:absolute;left:12px;right:12px;z-index:2;display:flex;pointer-events:none}.free-panel__media-overlay--top{top:var(--free-panel-caption-top, 10%)}.free-panel__media-overlay--bottom{bottom:var(--free-panel-subtitle-bottom, 10%)}.free-panel__media-overlay--left{justify-content:flex-start;text-align:left}.free-panel__media-overlay--center{justify-content:center;text-align:center}.free-panel__media-overlay--right{justify-content:flex-end;text-align:right}.free-panel__media-overlay--content-top{top:var(--free-panel-content-top, 30%)}.free-panel__media-overlay--content-bottom{bottom:var(--free-panel-content-bottom, 30%)}.free-panel__media-overlay--content .free-panel__text,.free-panel__media-overlay--content .rte p{text-shadow:0 1px 4px rgba(0,0,0,.45);margin:0}.free-panel__media-overlay--content .free-panel__button{pointer-events:auto}.free-panel__media-caption,.free-panel__media-subtitle{margin:0;line-height:1.4;text-shadow:0 1px 4px rgba(0,0,0,.45)}.free-panel__media img,.free-panel__media video{width:100%;height:100%;object-fit:cover;display:block}.free-panel__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.free-panel__placeholder svg{width:60px;height:60px;opacity:.28}.free-panel__content{display:flex;flex:0 0 auto;flex-direction:column;gap:12px;padding:16px}.free-panel__content--align-left{text-align:left;align-items:flex-start}.free-panel__content--align-center{text-align:center;align-items:center}.free-panel__content--align-right{text-align:right;align-items:flex-end}.free-panel__content:empty{display:none}.free-panel__media-caption,.free-panel__media-subtitle{margin:0;line-height:1.35}.free-panel__text{margin:0;line-height:1.5}.free-panel__actions{margin-top:auto}.free-panel__button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border-radius:999px;background:#111;color:#fff;text-decoration:none}.free-panel__coord-readout{position:absolute;right:6px;bottom:6px;z-index:20;padding:3px 7px;border-radius:6px;background:#1111119e;color:#fff;font-size:11px;font-family:monospace;line-height:1.4;pointer-events:none;white-space:nowrap;opacity:0;transition:opacity .18s ease}.free-panel__panel:hover .free-panel__coord-readout,.free-panel__panel.is-dragging .free-panel__coord-readout{opacity:1}.free-panel__panel-status{display:none}.free-panel__pill{display:inline-flex;align-items:center;min-height:30px;padding:6px 12px;border-radius:999px;background:#ffffffb8;border:1px solid rgba(17,17,17,.08);color:#111111b8;font-size:.8rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media screen and (max-width:989px){.free-panel{--free-panel-min-height: 640px;--free-panel-dock-size: 72px}.free-panel__stage-wrap{padding-left:max(var(--free-panel-margin-left, 0px),12px);padding-right:max(var(--free-panel-margin-right, 0px),12px)}.free-panel__panel-header{min-height:48px;padding:10px 12px}.free-panel__media-overlay{left:10px;right:10px}.free-panel__content{padding:14px}.free-panel__media-link{min-height:72px}.free-panel__panel-status{position:static;padding:14px 12px 0}.free-panel__stage-wrap--mobile-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.free-panel__stage-wrap--mobile-scroll::-webkit-scrollbar{display:none}.free-panel__stage--mobile-scroll{overflow:visible!important;min-height:0!important}}.free-panel__scroll-nav{display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 16px 0}.free-panel__scroll-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:none;background:transparent;color:#111;font-size:26px;line-height:1;cursor:pointer;transition:opacity .16s ease;padding:0;-webkit-tap-highlight-color:transparent}.free-panel__scroll-btn:disabled{opacity:.25;cursor:default}.free-panel__scroll-btn:not(:disabled):hover{opacity:.6}.free-panel__scroll-indicator{min-width:52px;text-align:center;font-size:14px;color:#111111ad;font-variant-numeric:tabular-nums}
/*# sourceMappingURL=/cdn/shop/t/3/assets/free-panel.css.map */