.layout-config{position:fixed;padding:0;top:0;right:0;display:block;width:550px;z-index:998;height:100%;transition:transform .4s cubic-bezier(.05,.74,.2,.99);transform:translateX(100%);-webkit-backface-visibility:hidden;backface-visibility:hidden}.layout-config.layout-config-active{transform:translateX(0)}.layout-config.layout-config-active .layout-config-content-wrapper .layout-config-button i{transform:rotate(0deg)}.layout-config .layout-config-content-wrapper{position:relative;height:100%;box-shadow:0 2px 10px 0 rgba(0,0,0,.24);color:var(--text-color);background-color:var(--surface-f)}.layout-config .layout-config-content-wrapper .layout-config-button{display:block;position:absolute;width:52px;height:52px;line-height:52px;background-color:var(--primary-color);text-align:center;color:var(--primary-color-text);top:270px;left:-51px;z-index:-1;overflow:hidden;cursor:pointer;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;-webkit-animation-name:rubberBand;animation-name:rubberBand;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-delay:5s;animation-delay:5s;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.layout-config .layout-config-content-wrapper .layout-config-button i{font-size:26px;line-height:inherit;cursor:pointer;transform:rotate(1turn);transition:transform 1s}.layout-config a{color:#2196f3;font-weight:600}.layout-config a:hover{text-decoration:underline}.layout-config .layout-config-content{overflow:auto;height:100%;padding:2rem}.layout-config .config-scale{display:flex;align-items:center;margin:1rem 0 2rem 0}.layout-config .config-scale .p-button{margin-right:.5rem}.layout-config .config-scale i{margin-right:.5rem;font-size:.75rem;color:var(--text-color-secondary)}.layout-config .config-scale i.scale-active{font-size:1.25rem;color:#2196f3}.layout-config .layout-config-close{position:absolute;width:25px;height:25px;line-height:25px;text-align:center;right:20px;top:20px;z-index:999;background-color:var(--primary-color);border-radius:50%;transition:background-color .2s,box-shadow .2s,transform .2s}.layout-config .layout-config-close i{color:var(--primary-color-text);line-height:inherit;font-size:14px}.layout-config .layout-config-close:hover{transform:scale(1.1)}.layout-config .layout-config-close:focus{outline:0 none;box-shadow:0 0 0 .2rem #bbdefb}.layout-config .grid>div{padding:1rem;text-align:center}.layout-config .grid>div span{display:block}.layout-config .grid>div button{position:relative;display:inline-flex;justify-content:center}.layout-config .free-themes img{width:50px;border-radius:4px;transition:transform .2s}.layout-config .free-themes img:hover{transform:scale(1.1)}.layout-config .free-themes span{font-size:.875rem;margin-top:.25rem}.layout-config .premium-themes img{width:100%;transition:transform .2s}.layout-config .premium-themes img:hover{transform:scale(1.1)}@-webkit-keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.tw-tablet-list{height:calc(100vh - 60px);padding:20px;overflow:auto;background-color:#fff}.tw-tablet-group{padding:0 0;overflow:auto;font-size:13px;font-family:Segoe WPC,Segoe UI,Microsoft YaHei,sans-serif}.tw-tablet-item{border:1px solid transparent;margin:15px;cursor:pointer}.tw-tablet-item:hover{background-color:rgba(64,158,255,.2);border-radius:6px}.tw-tablet-item-active{background-color:rgba(64,158,255,.2);border:1px solid rgba(64,158,255,.6)!important;border-radius:6px}.tw-tablet-item-thumbnails{width:226px;height:160px;background-color:transparent;display:table-cell;vertical-align:bottom}.tw-tablet-item-thumbnails>img{max-width:226px;max-height:160px;display:block;margin:0 auto;box-shadow:2px 2px 5px #888;padding:3px;border-radius:4px;background-color:#fff}@media screen and (max-width:451px){.tw-tablet-item-thumbnails{width:100%;height:auto;background-color:transparent;display:table-cell;vertical-align:bottom}.tw-tablet-item-thumbnails>img{max-width:100%;max-height:auto;display:block;margin:0 auto;box-shadow:2px 2px 5px #888}}