.layout{display:flex;flex-direction:column}.layout-container{flex-grow:1;display:flex;flex-direction:column}.view-container{flex-grow:1;display:flex;flex-direction:column;width:100%;box-sizing:border-box;padding-bottom:20px}.view-container>.head{display:flex;margin-bottom:20px}.view-container>.head .title{display:flex;align-items:center;gap:20px}.view-container>.head .title span{position:relative;width:44px;height:44px;background:white;border-radius:8px;box-shadow:0 2px 5px var(--light-shadow)}.view-container>.head .title span i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--primary)}.view-container>.body{flex-grow:1}.view-container iframe{width:100%;height:100%;background:var(--platin-white);border:none;border-radius:15px}@media (max-width: 519px){.view-container{min-height:calc(100vh - var(--sticky-pin-distance) - 100px)}}