.tipBoxPage{color:#101517;margin:0;overflow:hidden}.tipBoxPage *,.tipBoxPage :after,.tipBoxPage :before{box-sizing:border-box;margin:0;padding:0}.tipBoxPage [hidden]{display:none!important}.tipBoxPage__headline{line-height:0;margin-bottom:30px;margin-top:10px;padding:20px 30px;position:relative;width:100%;z-index:1}.tipBoxPage__headline img{max-height:60px;max-width:100%}.tipBoxPage__headline:before{background-color:#191919;background-image:url(../../img/logo-bg.png);background-position:top;background-repeat:repeat;background-size:auto 50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.tipBoxPage__alert{background-color:#00a32a;color:#fff;font-size:14px;line-height:1.5714285714;margin-bottom:30px;padding:15px 20px}.tipBoxPage__columns{display:flex;margin:0 -30px;overflow:hidden}.tipBoxPage__column{padding:0 30px}.tipBoxPage__column--large{width:66.666%}.tipBoxPage__column--small{width:33.333%}.tipBoxPage__widget{background-color:#fff}.tipBoxPage__widget+.tipBoxPage__widget{margin-top:60px}.tipBoxPage__widget--border{border:1px solid #11f3af;border-top:0}.tipBoxPage__widgetTitle{border-bottom:1px solid #dcdcde;font-size:16px;font-weight:600;line-height:1.5;padding:13px 30px;position:relative;z-index:1}.tipBoxPage__widgetTitle--error{background-color:#d63638;border-color:transparent;color:#fff;font-weight:400}.tipBoxPage__widgetRow{padding-bottom:10px}.tipBoxPage__widgetRow:last-child{padding-bottom:0}.tipBoxPage__widgetRow>.tipBoxButton{margin:10px 0}.tipBoxPage__widgetRow--option+.tipBoxPage__widgetRow--option{border-top:1px solid #f0f0f1;padding-top:10px}.tipBoxPage__widgetRow--option+.tipBoxPage__widgetRow--noBorder{border-top:0;margin-top:-10px;padding-top:0}.tipBoxPage__widgetColumns{display:flex;flex-wrap:wrap;margin:0 -10px}.tipBoxPage__widgetColumn{padding:0 10px;width:50%}.tipBoxPage__widgetColumn:first-child:last-child{flex:1}.tipBoxPage__widgetNotice{background-color:#2271b1;margin:10px 0;padding:10px 20px}.tipBoxPage__widgetNotice p{color:#fff;font-size:1.2rem}.tipBoxPage__widgetNotice p+p{margin-top:0}.tipBoxPage__widgetNotice p a{color:inherit;font-weight:600;letter-spacing:1px;text-decoration:none;text-transform:uppercase}.tipBoxPage__widgetNotice code{background:rgba(0,0,0,.25);font-size:1em;margin:0 3px;padding:3px 5px;white-space:nowrap}.tipBoxButton{background-color:#fff;border:1px solid transparent;box-shadow:none!important;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:14px;line-height:1.5714285714;min-width:180px;opacity:1!important;outline:none!important;padding:9px 30px;position:relative;text-align:center;text-decoration:none!important;transition:color .3s!important;z-index:10}p>.tipBoxButton{margin:6px 0}.tipBoxButton:after{content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s;width:0;z-index:-1}html[dir=rtl] .tipBoxButton:after{left:auto;right:0}.tipBoxButton:hover:after{width:100%}.tipBoxButton[disabled]{opacity:.5!important;pointer-events:none}.tipBoxButton--small{font-size:12px;line-height:1.6666666667;min-width:auto;padding:4px 20px}.tipBoxButton--blue:hover,.tipBoxButton--gray:hover,.tipBoxButton--red:hover{color:#fff!important}.tipBoxButton--blue{border-color:#2271b1;color:#2271b1!important}.tipBoxButton--blue.tipBoxButton--bg,.tipBoxButton--blue:after{background-color:#2271b1}.tipBoxButton--blue.tipBoxButton--bg:after{background-color:#135e96}.tipBoxButton--red{border-color:#d63638;color:#d63638!important}.tipBoxButton--red.tipBoxButton--bg,.tipBoxButton--red:after{background-color:#d63638}.tipBoxButton--red.tipBoxButton--bg:after{background-color:#b32d2e}.tipBoxButton--gray{border-color:#c3c4c7;color:#c3c4c7!important}.tipBoxButton--gray.tipBoxButton--bg,.tipBoxButton--gray:after{background-color:#c3c4c7}.tipBoxButton--gray.tipBoxButton--bg:after{background-color:#a7aaad}.tipBoxButton--bg{color:#fff!important}.tipBoxContent{padding:20px 30px}.tipBoxContent p{font-size:14px;line-height:1.5714285714;max-width:800px}.tipBoxContent p.center{text-align:center}.tipBoxContent--wide p{max-width:100%}.tipBoxContent--quotes em{background-color:#f0f0f1;border-left:1px solid #c3c4c7;display:block;margin:6px 0;padding:24px 20px}html[dir=rtl] .tipBoxContent--quotes em{border-left:0;border-right:1px solid #c3c4c7}.tipBoxContent--quotes em:first-child strong{font-style:normal}.tipBoxContent--quotes em+em{margin-top:-36px}.tipBoxContent a{box-shadow:none;color:#2271b1;outline:none;text-decoration:underline;transition:opacity .3s}.tipBoxContent a:hover{opacity:.5}.tipBoxContent h1,.tipBoxContent h2,.tipBoxContent h3,.tipBoxContent h4,.tipBoxContent h5,.tipBoxContent h6{font-size:16px;font-weight:600;line-height:1.5}.tipBoxContent h1,.tipBoxContent h2,.tipBoxContent h3,.tipBoxContent h4,.tipBoxContent h5,.tipBoxContent h6,.tipBoxContent p{margin:10px 0 0;padding:4px 0}.tipBoxContent h1:first-child,.tipBoxContent h2:first-child,.tipBoxContent h3:first-child,.tipBoxContent h4:first-child,.tipBoxContent h5:first-child,.tipBoxContent h6:first-child,.tipBoxContent p:first-child,.tipBoxContent p>p{margin-top:0}.tipBoxContent .dashicons[title]{cursor:help;font-size:16px;width:16px}.tipBoxInput+p{background-color:#f0f0f1;margin:0 0 10px;max-width:none;padding:14px 20px}.tipBoxContent h1+p,.tipBoxContent h2+p,.tipBoxContent h3+p,.tipBoxContent h4+p,.tipBoxContent h5+p,.tipBoxContent h6+p{font-size:12px;line-height:1.75;margin-top:0}.tipBoxContent__tip{background-color:#00a32a;color:#fff;display:inline;font-weight:400;margin:-2px 0;padding:2px 5px}.tipBoxContent--notice{position:relative}.tipBoxContent--notice h1+p,.tipBoxContent--notice h2+p,.tipBoxContent--notice h3+p,.tipBoxContent--notice h4+p,.tipBoxContent--notice h5+p,.tipBoxContent--notice h6+p{font-size:14px;line-height:1.5714285714}.tipBoxContent--notice img{bottom:30px;display:block;position:absolute;right:30px;z-index:-1}html[dir=rtl] .tipBoxContent--notice img{left:30px;right:auto}.tipBoxContent--notice code{font-weight:700;letter-spacing:1px;padding:5px 10px}.tipBoxContent__buttons{display:flex;margin-top:-10px;overflow:hidden;padding:10px 0}.tipBoxContent__button{margin:20px 20px 0 0}html[dir=rtl] .tipBoxContent__button{margin-left:20px;margin-right:0}.tipBoxContent__button:last-child{margin-right:0}html[dir=rtl] .tipBoxContent__button:last-child{margin-left:0}.tipBoxField{display:flex;padding:10px 0}.tipBoxField--center{align-items:center}.tipBoxField+.tipBoxField{margin-top:-12px}.tipBoxField__input{display:none!important}.tipBoxField__input+label{display:inline-block;position:relative}.tipBoxField__input[disabled]+label{pointer-events:none}.tipBoxField__input[disabled]+label:after,.tipBoxField__input[disabled]+label:before{opacity:.25}.tipBoxField__input--checkbox+label,.tipBoxField__input--radio+label{cursor:pointer;height:22px;width:22px}.tipBoxField__input--checkbox+label:after,.tipBoxField__input--checkbox+label:before,.tipBoxField__input--radio+label:after,.tipBoxField__input--radio+label:before{align-items:center;content:"";display:flex;height:22px;justify-content:center;left:0;position:absolute;top:0;width:22px}.tipBoxField__input--checkbox+label:before,.tipBoxField__input--radio+label:before{border:1px solid #c3c4c7}.tipBoxField__input--checkbox+label:after,.tipBoxField__input--radio+label:after{position:absolute;transform:scale(0);transition:transform .3s}.tipBoxField__input--checkbox:checked+label:after,.tipBoxField__input--radio:checked+label:after{transform:scale(1)}.tipBoxField__input--checkbox+label:after{color:#00a32a;content:"\f147";font-family:dashicons;font-size:20px;line-height:1}.tipBoxField__input--radio+label:before{border-radius:50%}.tipBoxField__input--radio+label:after{background-color:#00a32a;border-radius:50%;content:"";height:8px;left:7px;top:7px;width:8px}.tipBoxField__input--toggle+label{cursor:pointer;height:22px;width:44px}.tipBoxField__input--toggle+label:after,.tipBoxField__input--toggle+label:before{content:"";position:absolute}.tipBoxField__input--toggle+label:before{background-color:#dcdcde;border:1px solid #c3c4c7;border-radius:11px;height:22px;left:0;top:0;transition:background-color .3s;width:44px}.tipBoxField__input--toggle+label:after{background-color:#fff;border-radius:50%;height:16px;left:3px;position:absolute;top:3px;transition:transform .3s;width:16px}.tipBoxField__input--toggle:checked+label:before{background-color:#00a32a}.tipBoxField__input--toggle:checked+label:after{transform:translateX(22px)}.tipBoxField__label{display:block;font-size:14px;line-height:1.5714285714;max-width:650px;position:relative}.tipBoxField__input~.tipBoxField__label{margin-left:20px}html[dir=rtl] .tipBoxField__input~.tipBoxField__label{margin-left:0;margin-right:20px}.tipBoxInput{align-items:center;display:flex;padding:10px 0}.tipBoxInput__field{border:1px solid #c3c4c7!important;border-radius:0!important;box-shadow:none!important;flex:1;font-size:14px!important;line-height:1.5714285714!important;padding:9px 15px!important}.tipBoxInput__field::-webkit-input-placeholder{color:inherit;opacity:.5}.tipBoxInput__field::-moz-placeholder{color:inherit;opacity:.5}.tipBoxInput__field:-ms-input-placeholder{color:inherit;opacity:.5}.tipBoxInput__field:-moz-placeholder{color:inherit;opacity:.5}.tipBoxInput__field--small{margin:0 10px;max-width:80px;padding:4px 10px!important;width:80px}.tipBoxInput__field[readonly]{background-color:#f0f0f1}.notice[data-notice=tip-box]{padding:0 8px 0 0!important;z-index:1}html[dir=rtl] .notice[data-notice=tip-box]{padding:0 0 0 8px!important}.notice[data-notice=tip-box]~.notice[data-notice=tip-box]{display:none!important}.notice[data-notice=tip-box] .notice-dismiss{z-index:1}body.settings_page_tip_box_admin_page .wrap>.notice{display:none}body.settings_page_tip_box_admin_page .wrap>.notice[data-notice=tip-box]{display:block}@media screen and (max-width:1600px){.tipBoxPage__columns{margin:0 -15px}.tipBoxPage__column{padding:0 15px}.tipBoxPage__widget+.tipBoxPage__widget{margin-top:30px}}@media screen and (max-width:1279px){.tipBoxPage__columns{display:block}.tipBoxPage__column--large{width:100%}.tipBoxPage__column--small{margin-top:30px;width:100%}}@media screen and (max-width:1024px){.tipBoxPage__widgetColumns{display:block}.tipBoxPage__widgetColumn{width:100%}}@media screen and (max-width:782px){.tipBoxPage{padding-right:0}.tipBoxContent--notice img{bottom:auto;margin:20px 0 10px;position:relative;right:auto}html[dir=rtl] .tipBoxContent--notice img{left:auto}.tipBoxInput{display:block}.tipBoxInput__field{width:100%}.tipBoxInput__field--small{width:calc(100% - 20px)}}
