관리-도구

편집 파일: Tabs.h4qdcco6.css

.aioseo-app .var-tab{display:flex;justify-content:center;align-items:center;flex:1 0 auto;padding:0 var(--tab-padding);font-size:var(--tab-font-size);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.aioseo-app .var-tab--active{color:var(--tab-active-color)}.aioseo-app .var-tab--inactive{color:var(--tab-inactive-color)}.aioseo-app .var-tab--disabled{color:var(--tab-disabled-color);cursor:not-allowed}.aioseo-app .var-tab--horizontal{flex-direction:row}.aioseo-app .var-tab--vertical{flex-direction:column}.aioseo-app .var-tabs{border-radius:var(--tabs-radius);background:var(--tabs-background);overflow:hidden;transition:background-color .25s}.aioseo-app .var-tabs__tab-wrap{position:relative;display:flex;height:100%}.aioseo-app .var-tabs__indicator{display:flex;justify-content:center;align-items:center;position:absolute;z-index:1;transition-property:width,transform;transition-duration:.3s}.aioseo-app .var-tabs__indicator-inner{background:var(--tabs-indicator-background)}.aioseo-app .var-tabs--layout-horizontal{flex-direction:row}.aioseo-app .var-tabs--layout-horizontal-scrollable{overflow-x:auto;overflow-y:hidden}.aioseo-app .var-tabs--layout-horizontal-scrollable::-webkit-scrollbar{display:none}.aioseo-app .var-tabs--layout-horizontal-padding{padding:0 var(--tabs-padding)}.aioseo-app .var-tabs--layout-horizontal-indicator{bottom:0;height:var(--tabs-indicator-size)}[dir=ltr] .aioseo-app .var-tabs--layout-horizontal-indicator{left:0}[dir=rtl] .aioseo-app .var-tabs--layout-horizontal-indicator{right:0}.aioseo-app .var-tabs--layout-horizontal-reverse-indicator{top:0;height:var(--tabs-indicator-size)}[dir=ltr] .aioseo-app .var-tabs--layout-horizontal-reverse-indicator{left:0}[dir=rtl] .aioseo-app .var-tabs--layout-horizontal-reverse-indicator{right:0}.aioseo-app .var-tabs--layout-horizontal-indicator-inner{width:var(--tabs-indicator-inner-size);height:100%}.aioseo-app .var-tabs--layout-vertical{flex-direction:column}.aioseo-app .var-tabs--layout-vertical-scrollable{overflow-x:hidden;overflow-y:auto}.aioseo-app .var-tabs--layout-vertical-scrollable::-webkit-scrollbar{display:none}.aioseo-app .var-tabs--layout-vertical-padding{padding:0}.aioseo-app .var-tabs--layout-vertical-indicator{top:0;width:var(--tabs-indicator-size)}[dir=ltr] .aioseo-app .var-tabs--layout-vertical-indicator{left:0}[dir=rtl] .aioseo-app .var-tabs--layout-vertical-indicator{right:0}.aioseo-app .var-tabs--layout-vertical-reverse-indicator{top:0;width:var(--tabs-indicator-size)}[dir=ltr] .aioseo-app .var-tabs--layout-vertical-reverse-indicator{right:0}[dir=rtl] .aioseo-app .var-tabs--layout-vertical-reverse-indicator{left:0}.aioseo-app .var-tabs--layout-vertical-indicator-inner{width:100%;height:var(--tabs-indicator-inner-size)}.aioseo-app .var-tabs--item-horizontal{height:var(--tabs-item-horizontal-height)}.aioseo-app .var-tabs--item-vertical{height:var(--tabs-item-vertical-height)}.aioseo-app .var-tabs--fixed-bottom{position:fixed;width:100%;bottom:0;z-index:99}[dir=ltr] .aioseo-app .var-tabs--fixed-bottom{left:0}[dir=rtl] .aioseo-app .var-tabs--fixed-bottom{right:0}.aioseo-app .var-tabs--safe-area{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);box-sizing:content-box!important}.aioseo-app .aioseo-tabs{display:flex;align-items:center;--tabs-item-horizontal-height: 52px;--tabs-item-vertical-height: 66px;--tabs-radius: 2px;--tabs-padding: 0;--tabs-indicator-size: 2px;--tabs-indicator-background: #005AE0;--tabs-background: none;--tabs-indicator-inner-size: 100%;--color-text-disabled: #8c8f9a;--tab-padding: 18px;--tab-active-color: #005AE0;--tab-inactive-color: #141B38;--tab-disabled-color: var(--color-text-disabled);--tab-font-size: 14px;--tab-line-height: 22px}.aioseo-app .aioseo-tabs.internal{--tab-padding: 25px;margin-bottom:0}.aioseo-app .aioseo-tabs.skinny{--tab-padding: 16px}.aioseo-app .var-tabs{margin-bottom:-2px}.aioseo-app .var-tabs .var-tab{font-weight:600;white-space:pre;position:relative;overflow:hidden}.aioseo-app .var-tabs .var-tab span.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:aioseo-ripple .6s linear;background-color:#0000004d}[dir=ltr] .aioseo-app .var-tabs .var-tab span.label{padding-left:5px}[dir=rtl] .aioseo-app .var-tabs .var-tab span.label{padding-right:5px}.aioseo-app .var-tabs .var-tab span.label.new{color:#df2a4a;vertical-align:super;font-size:10px;display:inline-block;margin-top:-5px}@keyframes aioseo-ripple{to{transform:scale(3);opacity:0}}.aioseo-app .aioseo-tabs{display:flex;border-bottom:2px solid #E8E8EB;position:relative;margin-bottom:var(--aioseo-gutter)}.aioseo-app .aioseo-tabs .button-right,.aioseo-app .aioseo-tabs .tabs-extra{position:absolute}[dir=ltr] .aioseo-app .aioseo-tabs .button-right,[dir=ltr] .aioseo-app .aioseo-tabs .tabs-extra{right:0}[dir=rtl] .aioseo-app .aioseo-tabs .button-right,[dir=rtl] .aioseo-app .aioseo-tabs .tabs-extra{left:0}.aioseo-app .aioseo-tabs .tab-score{display:inline-flex;font-weight:700;line-height:normal;font-size:12px}[dir=ltr] .aioseo-app .aioseo-tabs .tab-score{padding-left:12px}[dir=rtl] .aioseo-app .aioseo-tabs .tab-score{padding-right:12px}.aioseo-app .aioseo-tabs .tab-score.green{color:#00aa63}.aioseo-app .aioseo-tabs .tab-score.orange{color:#f18200}.aioseo-app .aioseo-tabs .tab-score.red{color:#df2a4a}.aioseo-app .aioseo-tabs .tab-score svg{display:inline}[dir=ltr] .aioseo-app .aioseo-tabs .tab-score svg{margin-right:4px}[dir=rtl] .aioseo-app .aioseo-tabs .tab-score svg{margin-left:4px}.aioseo-app .aioseo-tabs .warning{color:#f18200!important}.aioseo-app .aioseo-tabs .warning svg{position:relative;top:2px;display:inline;color:#f18200!important}[dir=ltr] .aioseo-app .aioseo-tabs .warning svg{left:5px}[dir=rtl] .aioseo-app .aioseo-tabs .warning svg{right:5px}.aioseo-app .aioseo-mobile-tabs{--mobile-font-size: 14px;height:40px;margin-top:20px;position:relative;-webkit-user-select:none;user-select:none;width:100%}.aioseo-app .aioseo-mobile-tabs .active-tab{--spacing-x: 20px;align-items:center;color:#005ae0;cursor:pointer;display:inline-flex;min-height:100%;position:relative}[dir=ltr] .aioseo-app .aioseo-mobile-tabs .active-tab{padding-left:var(--spacing-x)}[dir=rtl] .aioseo-app .aioseo-mobile-tabs .active-tab{padding-right:var(--spacing-x)}.aioseo-app .aioseo-mobile-tabs .active-tab div{font-size:var(--mobile-font-size)}.aioseo-app .aioseo-mobile-tabs .active-tab div span{background-color:#005ae0;bottom:-2px;height:2px;position:absolute;z-index:10}[dir=ltr] .aioseo-app .aioseo-mobile-tabs .active-tab div span{left:0;right:calc(var(--spacing-x) * -2)}[dir=rtl] .aioseo-app .aioseo-mobile-tabs .active-tab div span{right:0;left:calc(var(--spacing-x) * -2)}.aioseo-app .aioseo-mobile-tabs .active-tab svg.aioseo-caret{--caret-size: 24px;height:var(--caret-size);position:absolute;top:calc(50% - var(--caret-size) / 2);transition:transform .3s;width:var(--caret-size)}[dir=ltr] .aioseo-app .aioseo-mobile-tabs .active-tab svg.aioseo-caret{left:100%;transform:rotate(180deg)}[dir=rtl] .aioseo-app .aioseo-mobile-tabs .active-tab svg.aioseo-caret{right:100%;transform:rotate(-180deg)}.aioseo-app .aioseo-mobile-tabs .active-tab svg.aioseo-caret.rotated{transform:rotate(0)}.aioseo-app .aioseo-mobile-tabs .tab-dropdown{border:1px solid #E8E8EB;border-top:none}.aioseo-app .aioseo-mobile-tabs .tab-links{background:#fff;position:relative;z-index:3;padding:8px;width:100%;max-width:300px}@media screen and (max-width: 782px){.aioseo-app .aioseo-mobile-tabs .tab-links{max-width:100%}}.aioseo-app .aioseo-mobile-tabs .tab-links a{font-size:var(--mobile-font-size);padding:10px;display:block;color:#141b38;text-decoration:none}.aioseo-app .aioseo-mobile-tabs .tab-links a:hover{color:#005ae0}.aioseo-app .aioseo-mobile-tabs .tab-links a .new{color:#df2a4a;vertical-align:super;font-size:10px;display:inline-block;margin-top:-5px}