.pano-dnn {width:var(--pano-dnn-width,100%);max-width:var(--pano-dnn-max,none);margin:var(--pano-dnn-position,0 auto);padding:var(--pano-dnn-padding,0);box-sizing:border-box;background:var(--pano-dnn-background,#000);border-radius:var(--pano-dnn-radius,0);margin-block:var(--pano-dnn-margin,0)}
.pano-dnn-player {aspect-ratio:16/9;width:100%;max-height:100vh;background:#000;overflow:hidden;position:relative}
.pano-dnn[data-mode=viewport] {position:relative;width:var(--pano-dnn-viewport-width,100%);max-width:none;margin:0;margin-left:var(--pano-dnn-viewport-left,0px);padding:0;border:0;border-radius:0;background:#000}
.pano-dnn-player .pano-loading-panel {box-sizing:border-box;overflow:hidden}
.dnnEditState .pano-dnn[data-mode=viewport] {position:relative;height:auto;z-index:auto}

.pano-dnn {position:relative}
.pano-dnn > .pano-dnn-logo {position:absolute;top:var(--pano-dnn-logo-top,16px);left:var(--pano-dnn-logo-side,16px);width:var(--pano-dnn-logo-width,120px);max-width:calc(100% - 32px);height:auto;z-index:60;pointer-events:none;border:0}
.pano-dnn[data-logo-corner=right] > .pano-dnn-logo {left:auto;right:var(--pano-dnn-logo-side,16px)}

.pano-dnn-search {
    position:absolute;
    top:var(--pano-search-top,16px);
    --pano-search-offset:calc(var(--pano-search-right,80px) + var(--pano-search-side-inset,0px));
    right:min(var(--pano-search-offset),calc(100% - 44px));
    z-index:65;
    color:#fff;
    font:14px/1.4 system-ui,sans-serif;
}
.pano-dnn-search button {cursor:pointer;color:inherit}
.pano-search-toggle {
    display:grid;place-items:center;width:40px;height:40px;margin-left:auto;padding:0;
    background:#0b141de8;border:1px solid #ffffff40;border-radius:8px;
}
.pano-search-panel {
    position:absolute;right:0;top:calc(100% + 8px);
    width:min(320px,calc(100vw - min(var(--pano-search-offset),100vw - 44px) - 16px));
    background:#0b141df5;border:1px solid #ffffff30;border-radius:8px;
    opacity:0;transform:translateY(-6px);visibility:hidden;
    transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
.pano-dnn-search[data-open] .pano-search-panel {opacity:1;transform:none;visibility:visible;transition-property:opacity,transform}
.pano-search-field {display:flex;align-items:center;padding:3px 6px}
.pano-search-field input {
    min-width:0;flex:1;background:transparent;border:0;color:inherit;
    font:inherit;padding:8px;margin:0;box-shadow:none;
}
.pano-search-clear {border:0;background:transparent;font:inherit;font-size:20px;padding:0 8px}
.pano-dnn-search .pano-search-results[hidden] {display:none!important}
.pano-dnn-search .pano-search-results:not([hidden]) {
    display:grid!important;grid-template-columns:minmax(0,1fr);position:static!important;
    height:auto!important;max-height:240px;overflow:auto;margin:0;padding:4px;
    border-top:1px solid #ffffff24;
}
.pano-dnn-search .pano-search-results > div,
.pano-dnn-search .pano-search-results > div > a {
    display:block!important;position:static!important;float:none!important;
    height:auto!important;min-height:0;transform:none!important;
    width:auto!important;margin:0;white-space:normal!important;line-height:1.4!important;
}
.pano-dnn-search .pano-search-results > div > a {
    color:inherit;text-decoration:none;padding:7px 9px;border-radius:4px;overflow-wrap:anywhere;
}
.pano-search-results a:hover,.pano-search-results a:focus-visible {color:#fff;background:#ffffff20}
.pano-search-status {padding:7px 14px}
.pano-search-status:not([hidden]) {display:block}
@media (max-width: 540px) {
    .pano-dnn-search {
        top:8px;
        --pano-search-offset:calc(56px + var(--pano-search-side-inset,0px));
    }
    .pano-search-toggle {width:32px;height:32px;min-width:0;min-height:0}
    .pano-search-toggle svg {width:15px;height:15px}
    .pano-search-panel {
        width:min(320px,calc(100vw - var(--pano-search-offset) - 16px));
    }
}
@media(prefers-reduced-motion:reduce){.pano-search-panel{transition:none}}