/** * Swiper 4.3.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 27, 2018 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%27%20fill%3D%27%23007aff%27%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill%3D%27%23007aff%27%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%20120%20120%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%3E%3Cdefs%3E%3Cline%20id%3D%27l%27%20x1%3D%2760%27%20x2%3D%2760%27%20y1%3D%277%27%20y2%3D%2727%27%20stroke%3D%27%236c6c6c%27%20stroke-width%3D%2711%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2830%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2860%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2890%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28120%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28150%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.37%27%20transform%3D%27rotate%28180%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.46%27%20transform%3D%27rotate%28210%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.56%27%20transform%3D%27rotate%28240%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.66%27%20transform%3D%27rotate%28270%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.75%27%20transform%3D%27rotate%28300%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.85%27%20transform%3D%27rotate%28330%2060%2C60%29%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%20120%20120%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%3E%3Cdefs%3E%3Cline%20id%3D%27l%27%20x1%3D%2760%27%20x2%3D%2760%27%20y1%3D%277%27%20y2%3D%2727%27%20stroke%3D%27%23fff%27%20stroke-width%3D%2711%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2830%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2860%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2890%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28120%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28150%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.37%27%20transform%3D%27rotate%28180%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.46%27%20transform%3D%27rotate%28210%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.56%27%20transform%3D%27rotate%28240%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.66%27%20transform%3D%27rotate%28270%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.75%27%20transform%3D%27rotate%28300%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.85%27%20transform%3D%27rotate%28330%2060%2C60%29%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /* merged from @designbase/tokens/css */ /** * Designbase Korea Design Tokens * Generated: 2025-11-16T10:38:28.551Z * Version: 0.2.3 * * Structure: * - Foundation: Raw scales (global) * - Aliases: Human-friendly labels (global) * - Semantic: Product meaning (light theme = :root) * - Dark: Overrides only (dark theme = [data-theme="dark"]) */ :root { --z-index-foundation-toast: 1030; --z-index-foundation-tooltip: 1020; --z-index-foundation-popover: 1010; --z-index-foundation-modal: 1000; --z-index-foundation-auto: auto; --z-index-foundation-50: 50; --z-index-foundation-40: 40; --z-index-foundation-30: 30; --z-index-foundation-20: 20; --z-index-foundation-10: 10; --z-index-foundation-0: 0; --typography-foundation-line-height-loose: 2; --typography-foundation-line-height-relaxed: 1.625; --typography-foundation-line-height-normal: 1.5; --typography-foundation-line-height-snug: 1.375; --typography-foundation-line-height-tight: 1.25; --typography-foundation-line-height-none: 1; --typography-foundation-font-weight-extrabold: 800; --typography-foundation-font-weight-bold: 700; --typography-foundation-font-weight-semibold: 600; --typography-foundation-font-weight-medium: 500; --typography-foundation-font-weight-normal: 400; --typography-foundation-font-weight-light: 300; --typography-foundation-font-size-6xl: 3.75rem; --typography-foundation-font-size-5xl: 3rem; --typography-foundation-font-size-4xl: 2.25rem; --typography-foundation-font-size-3xl: 1.875rem; --typography-foundation-font-size-2xl: 1.5rem; --typography-foundation-font-size-xl: 1.25rem; --typography-foundation-font-size-l: 1.125rem; --typography-foundation-font-size-base: 1rem; --typography-foundation-font-size-s: 0.875rem; --typography-foundation-font-size-xs: 0.75rem; --typography-foundation-font-family-mono: 'SF Mono', Monaco, Inconsolata, 'Roboto Mono', 'Source Code Pro', monospace; --typography-foundation-font-family-primary: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; --spacing-foundation-05: 0.125rem; --spacing-foundation-96: 24rem; --spacing-foundation-80: 20rem; --spacing-foundation-72: 18rem; --spacing-foundation-64: 16rem; --spacing-foundation-60: 15rem; --spacing-foundation-56: 14rem; --spacing-foundation-52: 13rem; --spacing-foundation-48: 12rem; --spacing-foundation-44: 11rem; --spacing-foundation-40: 10rem; --spacing-foundation-36: 9rem; --spacing-foundation-32: 8rem; --spacing-foundation-28: 7rem; --spacing-foundation-24: 6rem; --spacing-foundation-20: 5rem; --spacing-foundation-16: 4rem; --spacing-foundation-14: 3.5rem; --spacing-foundation-12: 3rem; --spacing-foundation-11: 2.75rem; --spacing-foundation-10: 2.5rem; --spacing-foundation-9: 2.25rem; --spacing-foundation-8: 2rem; --spacing-foundation-7: 1.75rem; --spacing-foundation-6: 1.5rem; --spacing-foundation-5: 1.25rem; --spacing-foundation-4: 1rem; --spacing-foundation-3: 0.75rem; --spacing-foundation-2: 0.5rem; --spacing-foundation-1: 0.25rem; --spacing-foundation-0: 0rem; --size-semantic-modal-xl: 62.5rem; --size-semantic-modal-l: 50rem; --size-semantic-modal-m: 37.5rem; --size-semantic-modal-s: 25rem; --size-semantic-card-l: 25rem; --size-semantic-card-m: 18.75rem; --size-semantic-card-s: 12.5rem; --size-foundation-5xl: 6rem; --size-foundation-4xl: 5rem; --size-foundation-3xl: 4rem; --size-foundation-xxl: 3rem; --size-foundation-xl: 2.5rem; --size-foundation-l: 2rem; --size-foundation-m: 1.5rem; --size-foundation-s: 1.25rem; --size-foundation-xs: 1rem; --size-foundation-xxs: 0.75rem; --motion-foundation-easing-ease-in-out: ease-in-out; --motion-foundation-easing-ease-out: ease-out; --motion-foundation-easing-ease-in: ease-in; --motion-foundation-easing-ease: ease; --motion-foundation-duration-slow: 500ms; --motion-foundation-duration-base: 300ms; --motion-foundation-duration-fast: 150ms; --layout-foundation-breakpoint-3xl: 120rem; --layout-foundation-breakpoint-xxl: 90rem; --layout-foundation-breakpoint-xl: 80rem; --layout-foundation-breakpoint-l: 64rem; --layout-foundation-breakpoint-m: 48rem; --layout-foundation-breakpoint-s: 30rem; --layout-foundation-breakpoint-xs: 0rem; --layout-foundation-grid-gutter-xxl: 3rem; --layout-foundation-grid-gutter-xl: 2.5rem; --layout-foundation-grid-gutter-l: 2rem; --layout-foundation-grid-gutter-m: 1.5rem; --layout-foundation-grid-gutter-s: 1rem; --layout-foundation-grid-gutter-xs: 0.5rem; --layout-foundation-grid-gutter-none: 0rem; --layout-foundation-grid-columns-24: 24; --layout-foundation-grid-columns-16: 16; --layout-foundation-grid-columns-12: 12; --layout-foundation-grid-columns-6: 6; --layout-foundation-container-padding-xxl: 4rem; --layout-foundation-container-padding-xl: 3rem; --layout-foundation-container-padding-l: 2rem; --layout-foundation-container-padding-m: 1.5rem; --layout-foundation-container-padding-s: 1rem; --layout-foundation-container-padding-xs: 0.5rem; --layout-foundation-container-padding-none: 0rem; --layout-foundation-container-max-width-4xl: 120rem; --layout-foundation-container-max-width-3xl: 100rem; --layout-foundation-container-max-width-xxl: 90rem; --layout-foundation-container-max-width-xl: 80rem; --layout-foundation-container-max-width-l: 64rem; --layout-foundation-container-max-width-m: 48rem; --layout-foundation-container-max-width-s: 40rem; --layout-foundation-container-max-width-xs: 30rem; --layout-foundation-container-max-width-fluid: 100%; --blur-foundation-l: 2rem; --blur-foundation-m: 1rem; --blur-foundation-s: 0.5rem; --blur-foundation-none: 0rem; --opacity-foundation-100: 1; --opacity-foundation-95: 0.95; --opacity-foundation-90: 0.9; --opacity-foundation-80: 0.8; --opacity-foundation-75: 0.75; --opacity-foundation-70: 0.7; --opacity-foundation-60: 0.6; --opacity-foundation-50: 0.5; --opacity-foundation-40: 0.4; --opacity-foundation-30: 0.3; --opacity-foundation-25: 0.25; --opacity-foundation-20: 0.2; --opacity-foundation-10: 0.1; --opacity-foundation-5: 0.05; --opacity-foundation-0: 0; --shadow-foundation-inner: 0px 2px 4px 0px rgba(0, 0, 0, 0.06); --shadow-foundation-2xl: 0px 25px 50px -12px rgba(0, 0, 0, 0.25); --shadow-foundation-xl: 0px 20px 25px -5px rgba(0, 0, 0, 0.1); --shadow-foundation-l: 0px 10px 15px -3px rgba(0, 0, 0, 0.1); --shadow-foundation-m: 0px 4px 6px -1px rgba(0, 0, 0, 0.1); --shadow-foundation-base: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); --shadow-foundation-s: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); --shadow-foundation-none: 0px 0px 0px 0px rgba(0,0,0,0.2); --color-aliases-overlay-inverse: rgba(255, 255, 255, 0.6); --color-aliases-overlay-soft: rgba(0, 0, 0, 0.3); --color-aliases-overlay-base: rgba(0, 0, 0, 0.6); --color-aliases-text-link-hover: rgba(0, 111, 255, 0.9); --color-aliases-surface-alpha-inverse-70: rgba(0, 0, 0, 0.7); --color-aliases-surface-alpha-inverse-50: rgba(0, 0, 0, 0.5); --color-aliases-surface-alpha-inverse-30: rgba(0, 0, 0, 0.3); --color-aliases-surface-alpha-inverse-10: rgba(0, 0, 0, 0.1); --color-aliases-surface-alpha-inverse: rgba(0, 0, 0, 0.3); --color-aliases-surface-alpha-70: rgba(255, 255, 255, 0.7); --color-aliases-surface-alpha-50: rgba(255, 255, 255, 0.5); --color-aliases-surface-alpha-30: rgba(255, 255, 255, 0.3); --color-aliases-surface-alpha-10: rgba(255, 255, 255, 0.1); --color-aliases-surface-alpha: rgba(255, 255, 255, 0.3); --color-aliases-surface-transparent: rgba(255, 255, 255, 0); --color-aliases-border-alpha-inverse-70: rgba(255, 255, 255, 0.7); --color-aliases-border-alpha-inverse-50: rgba(255, 255, 255, 0.5); --color-aliases-border-alpha-inverse-30: rgba(255, 255, 255, 0.3); --color-aliases-border-alpha-inverse-10: rgba(255, 255, 255, 0.1); --color-aliases-border-alpha-inverse: rgba(255, 255, 255, 0.1); --color-aliases-border-alpha-70: rgba(0, 0, 0, 0.7); --color-aliases-border-alpha-50: rgba(0, 0, 0, 0.5); --color-aliases-border-alpha-30: rgba(0, 0, 0, 0.3); --color-aliases-border-alpha-10: rgba(0, 0, 0, 0.1); --color-aliases-border-alpha: rgba(0, 0, 0, 0.1); --color-aliases-border-transparent: rgba(0, 0, 0, 0); --color-aliases-brand-primary-alpha-90: rgba(0, 111, 255, 0.9); --color-aliases-brand-primary-alpha-80: rgba(0, 111, 255, 0.8); --color-aliases-brand-primary-alpha-70: rgba(0, 111, 255, 0.7); --color-aliases-brand-primary-alpha-60: rgba(0, 111, 255, 0.6); --color-aliases-brand-primary-alpha-50: rgba(0, 111, 255, 0.5); --color-aliases-brand-primary-alpha-40: rgba(0, 111, 255, 0.4); --color-aliases-brand-primary-alpha-30: rgba(0, 111, 255, 0.3); --color-aliases-brand-primary-alpha-20: rgba(0, 111, 255, 0.2); --color-aliases-brand-primary-alpha-10: rgba(0, 111, 255, 0.1); --color-foundation-black: #000000; --color-foundation-white: #ffffff; --color-foundation-purple-900: #49169c; --color-foundation-purple-800: #5818bf; --color-foundation-purple-700: #6a1ee3; --color-foundation-purple-600: #7830f7; --color-foundation-purple-500: #8a58ff; --color-foundation-purple-400: #a385ff; --color-foundation-purple-300: #c2b1ff; --color-foundation-purple-200: #dbd4ff; --color-foundation-purple-100: #ece8ff; --color-foundation-purple-50: #f5f2ff; --color-foundation-teal-900: #134e48; --color-foundation-teal-800: #115e56; --color-foundation-teal-700: #0f766b; --color-foundation-teal-600: #0d9485; --color-foundation-teal-500: #14b8a6; --color-foundation-teal-400: #2dd4c2; --color-foundation-teal-300: #5eeadb; --color-foundation-teal-200: #99f6ec; --color-foundation-teal-100: #ccfbf6; --color-foundation-teal-50: #f0fdfc; --color-foundation-green-900: #14532b; --color-foundation-green-800: #166533; --color-foundation-green-700: #15803c; --color-foundation-green-600: #16a34a; --color-foundation-green-500: #22c55e; --color-foundation-green-400: #4ade80; --color-foundation-green-300: #86efad; --color-foundation-green-200: #bbf7d1; --color-foundation-green-100: #dcfce8; --color-foundation-green-50: #f0fdf5; --color-foundation-yellow-900: #74470f; --color-foundation-yellow-800: #89570a; --color-foundation-yellow-700: #a67102; --color-foundation-yellow-600: #d1b400; --color-foundation-yellow-500: #ffd600; --color-foundation-yellow-400: #ffe50d; --color-foundation-yellow-300: #fff441; --color-foundation-yellow-200: #fffd86; --color-foundation-yellow-100: #feffc1; --color-foundation-yellow-50: #ffffe7; --color-foundation-orange-900: #82270c; --color-foundation-orange-800: #82270c; --color-foundation-orange-700: #cc3802; --color-foundation-orange-600: #ff5100; --color-foundation-orange-500: #ff6b0a; --color-foundation-orange-400: #ff8c32; --color-foundation-orange-300: #ffb66d; --color-foundation-orange-200: #ffd5a5; --color-foundation-orange-100: #ffecd3; --color-foundation-orange-50: #fff7ec; --color-foundation-red-900: #7f1d1d; --color-foundation-red-800: #991b1b; --color-foundation-red-700: #b91c1c; --color-foundation-red-600: #dc2626; --color-foundation-red-500: #ef4444; --color-foundation-red-400: #f87171; --color-foundation-red-300: #fca5a5; --color-foundation-red-200: #fecaca; --color-foundation-red-100: #fee2e2; --color-foundation-red-50: #fef2f2; --color-foundation-blue-900: #0d4b9b; --color-foundation-blue-800: #0855c5; --color-foundation-blue-700: #006fff; --color-foundation-blue-600: #0683ff; --color-foundation-blue-500: #1ea2ff; --color-foundation-blue-400: #48c3ff; --color-foundation-blue-300: #83d9ff; --color-foundation-blue-200: #b5e7ff; --color-foundation-blue-100: #d6f0ff; --color-foundation-blue-50: #edf9ff; --color-foundation-neutral-white: #ffffff; --color-foundation-neutral-1100: #000000; --color-foundation-neutral-1000: #17191a; --color-foundation-neutral-900: #2f3133; --color-foundation-neutral-800: #464a4d; --color-foundation-neutral-700: #5e6366; --color-foundation-neutral-600: #757b80; --color-foundation-neutral-500: #8c9499; --color-foundation-neutral-400: #a4adb2; --color-foundation-neutral-300: #bbc5cc; --color-foundation-neutral-200: #e8eef2; --color-foundation-neutral-100: #f2f8fc; --color-foundation-neutral-50: #f8fafc; --color-foundation-neutral-0: #ffffff; --border-foundation-width-5: 0.5rem; --border-foundation-width-4: 0.25rem; --border-foundation-width-3: 0.125rem; --border-foundation-width-2: 0.0625rem; --border-foundation-width-1: 0.03125rem; --border-foundation-width-0: 0rem; --border-foundation-radius-full: 624.9375rem; --border-foundation-radius-10: 3rem; --border-foundation-radius-9: 2.5rem; --border-foundation-radius-8: 2rem; --border-foundation-radius-7: 1.5rem; --border-foundation-radius-6: 1rem; --border-foundation-radius-5: 0.75rem; --border-foundation-radius-4: 0.5rem; --border-foundation-radius-3: 0.375rem; --border-foundation-radius-2: 0.25rem; --border-foundation-radius-1: 0.125rem; --border-foundation-radius-0: 0rem; --typography-semantic-line-height-loose: var(--typography-foundation-line-height-loose); --typography-semantic-line-height-relaxed: var(--typography-foundation-line-height-relaxed); --typography-semantic-line-height-normal: var(--typography-foundation-line-height-normal); --typography-semantic-line-height-snug: var(--typography-foundation-line-height-snug); --typography-semantic-line-height-tight: var(--typography-foundation-line-height-tight); --typography-semantic-line-height-none: var(--typography-foundation-line-height-none); --typography-semantic-font-weight-extrabold: var(--typography-foundation-font-weight-extrabold); --typography-semantic-font-weight-bold: var(--typography-foundation-font-weight-bold); --typography-semantic-font-weight-semibold: var(--typography-foundation-font-weight-semibold); --typography-semantic-font-weight-medium: var(--typography-foundation-font-weight-medium); --typography-semantic-font-weight-normal: var(--typography-foundation-font-weight-normal); --typography-semantic-font-weight-light: var(--typography-foundation-font-weight-light); --typography-semantic-font-size-6xl: var(--typography-foundation-font-size-6xl); --typography-semantic-font-size-5xl: var(--typography-foundation-font-size-5xl); --typography-semantic-font-size-4xl: var(--typography-foundation-font-size-4xl); --typography-semantic-font-size-3xl: var(--typography-foundation-font-size-3xl); --typography-semantic-font-size-2xl: var(--typography-foundation-font-size-2xl); --typography-semantic-font-size-xl: var(--typography-foundation-font-size-xl); --typography-semantic-font-size-l: var(--typography-foundation-font-size-l); --typography-semantic-font-size-base: var(--typography-foundation-font-size-base); --typography-semantic-font-size-s: var(--typography-foundation-font-size-s); --typography-semantic-font-size-xs: var(--typography-foundation-font-size-xs); --typography-semantic-font-family-mono: var(--typography-foundation-font-family-mono); --typography-semantic-font-family-primary: var(--typography-foundation-font-family-primary); --spacing-aliases-scale-2xl: var(--spacing-foundation-10); --spacing-aliases-scale-xl: var(--spacing-foundation-8); --spacing-aliases-scale-l: var(--spacing-foundation-5); --spacing-aliases-scale-m: var(--spacing-foundation-3); --spacing-aliases-scale-s: var(--spacing-foundation-2); --spacing-aliases-scale-xs: var(--spacing-foundation-1); --spacing-aliases-scale-xxs: var(--spacing-foundation-05); --size-aliases-5xl: var(--size-foundation-5xl); --size-aliases-4xl: var(--size-foundation-4xl); --size-aliases-3xl: var(--size-foundation-3xl); --size-aliases-xxl: var(--size-foundation-xxl); --size-aliases-xl: var(--size-foundation-xl); --size-aliases-l: var(--size-foundation-l); --size-aliases-m: var(--size-foundation-m); --size-aliases-s: var(--size-foundation-s); --size-aliases-xs: var(--size-foundation-xs); --size-aliases-xxs: var(--size-foundation-xxs); --motion-aliases-easing-standard: var(--motion-foundation-easing-ease-out); --motion-aliases-duration-slow: var(--motion-foundation-duration-slow); --motion-aliases-duration-base: var(--motion-foundation-duration-base); --motion-aliases-duration-fast: var(--motion-foundation-duration-fast); --layout-aliases-breakpoint-3xl: var(--layout-foundation-breakpoint-3xl); --layout-aliases-breakpoint-xxl: var(--layout-foundation-breakpoint-xxl); --layout-aliases-breakpoint-xl: var(--layout-foundation-breakpoint-xl); --layout-aliases-breakpoint-l: var(--layout-foundation-breakpoint-l); --layout-aliases-breakpoint-m: var(--layout-foundation-breakpoint-m); --layout-aliases-breakpoint-s: var(--layout-foundation-breakpoint-s); --layout-aliases-breakpoint-xs: var(--layout-foundation-breakpoint-xs); --layout-aliases-grid-gutter-xxl: var(--layout-foundation-grid-gutter-xxl); --layout-aliases-grid-gutter-xl: var(--layout-foundation-grid-gutter-xl); --layout-aliases-grid-gutter-l: var(--layout-foundation-grid-gutter-l); --layout-aliases-grid-gutter-m: var(--layout-foundation-grid-gutter-m); --layout-aliases-grid-gutter-s: var(--layout-foundation-grid-gutter-s); --layout-aliases-grid-gutter-xs: var(--layout-foundation-grid-gutter-xs); --layout-aliases-grid-gutter-none: var(--layout-foundation-grid-gutter-none); --layout-aliases-grid-columns-24: var(--layout-foundation-grid-columns-24); --layout-aliases-grid-columns-16: var(--layout-foundation-grid-columns-16); --layout-aliases-grid-columns-12: var(--layout-foundation-grid-columns-12); --layout-aliases-grid-columns-6: var(--layout-foundation-grid-columns-6); --layout-aliases-container-padding-xxl: var(--layout-foundation-container-padding-xxl); --layout-aliases-container-padding-xl: var(--layout-foundation-container-padding-xl); --layout-aliases-container-padding-l: var(--layout-foundation-container-padding-l); --layout-aliases-container-padding-m: var(--layout-foundation-container-padding-m); --layout-aliases-container-padding-s: var(--layout-foundation-container-padding-s); --layout-aliases-container-padding-xs: var(--layout-foundation-container-padding-xs); --layout-aliases-container-padding-none: var(--layout-foundation-container-padding-none); --layout-aliases-container-max-width-4xl: var(--layout-foundation-container-max-width-4xl); --layout-aliases-container-max-width-3xl: var(--layout-foundation-container-max-width-3xl); --layout-aliases-container-max-width-xxl: var(--layout-foundation-container-max-width-xxl); --layout-aliases-container-max-width-xl: var(--layout-foundation-container-max-width-xl); --layout-aliases-container-max-width-l: var(--layout-foundation-container-max-width-l); --layout-aliases-container-max-width-m: var(--layout-foundation-container-max-width-m); --layout-aliases-container-max-width-s: var(--layout-foundation-container-max-width-s); --layout-aliases-container-max-width-xs: var(--layout-foundation-container-max-width-xs); --layout-aliases-container-max-width-fluid: var(--layout-foundation-container-max-width-fluid); --blur-semantic-overlay-l: var(--blur-foundation-l); --blur-semantic-overlay-m: var(--blur-foundation-m); --blur-semantic-overlay-s: var(--blur-foundation-s); --opacity-semantic-disabled: var(--opacity-foundation-50); --opacity-semantic-overlay-light: var(--opacity-foundation-25); --opacity-semantic-overlay-medium: var(--opacity-foundation-50); --opacity-semantic-overlay-dark: var(--opacity-foundation-75); --opacity-semantic-hover: var(--opacity-foundation-80); --opacity-semantic-focus: var(--opacity-foundation-90); --shadow-semantic-modal-overlay: var(--shadow-foundation-xl); --shadow-semantic-modal-content: var(--shadow-foundation-2xl); --shadow-semantic-dropdown-default: var(--shadow-foundation-m); --shadow-semantic-tooltip-default: var(--shadow-foundation-s); --shadow-aliases-button-active: var(--shadow-foundation-inner); --shadow-aliases-button-hover: var(--shadow-foundation-s); --shadow-aliases-button-default: var(--shadow-foundation-none); --shadow-aliases-card-elevated: var(--shadow-foundation-l); --shadow-aliases-card-hover: var(--shadow-foundation-m); --shadow-aliases-card-default: var(--shadow-foundation-base); --color-semantic-button-secondary-text-hover: var(--color-aliases-text-link-hover); --color-semantic-button-primary-border-active: var(--color-foundation-blue-900); --color-semantic-button-primary-border-hover: var(--color-foundation-blue-800); --color-semantic-button-primary-bg-active: var(--color-foundation-blue-900); --color-semantic-button-primary-bg-hover: var(--color-foundation-blue-800); --color-aliases-text-inverse-tertiary: var(--color-foundation-neutral-300); --color-aliases-text-inverse-secondary: var(--color-foundation-neutral-200); --color-aliases-text-inverse-primary: var(--color-foundation-neutral-white); --color-aliases-text-link: var(--color-foundation-blue-700); --color-aliases-text-disabled: var(--color-foundation-neutral-400); --color-aliases-text-tertiary: var(--color-foundation-neutral-600); --color-aliases-text-secondary: var(--color-foundation-neutral-800); --color-aliases-text-primary: var(--color-foundation-neutral-1000); --color-aliases-surface-inverse: var(--color-foundation-neutral-1000); --color-aliases-surface-muted: var(--color-foundation-neutral-200); --color-aliases-surface-layer-3: var(--color-foundation-neutral-300); --color-aliases-surface-layer-2: var(--color-foundation-neutral-200); --color-aliases-surface-layer-1: var(--color-foundation-neutral-100); --color-aliases-surface-base: var(--color-foundation-neutral-white); --color-aliases-feedback-info-bg: var(--color-foundation-blue-50); --color-aliases-feedback-info-fg: var(--color-foundation-blue-600); --color-aliases-feedback-error-bg: var(--color-foundation-red-50); --color-aliases-feedback-error-fg: var(--color-foundation-red-600); --color-aliases-feedback-warning-bg: var(--color-foundation-yellow-50); --color-aliases-feedback-warning-fg: var(--color-foundation-yellow-600); --color-aliases-feedback-success-bg: var(--color-foundation-green-50); --color-aliases-feedback-success-fg: var(--color-foundation-green-600); --color-aliases-border-inverse: var(--color-foundation-neutral-900); --color-aliases-border-muted: var(--color-foundation-neutral-100); --color-aliases-border-layer-3: var(--color-foundation-neutral-500); --color-aliases-border-layer-2: var(--color-foundation-neutral-400); --color-aliases-border-layer-1: var(--color-foundation-neutral-300); --color-aliases-border-base: var(--color-foundation-neutral-200); --color-aliases-brand-accent: var(--color-foundation-orange-600); --color-aliases-brand-tertiary: var(--color-foundation-teal-500); --color-aliases-brand-secondary: var(--color-foundation-blue-200); --color-aliases-brand-primary: var(--color-foundation-blue-700); --border-aliases-width-thicker: var(--border-foundation-width-5); --border-aliases-width-thick: var(--border-foundation-width-4); --border-aliases-width-base: var(--border-foundation-width-3); --border-aliases-width-thin: var(--border-foundation-width-2); --border-aliases-width-hairline: var(--border-foundation-width-1); --border-aliases-width-none: var(--border-foundation-width-0); --border-aliases-radius-full: var(--border-foundation-radius-full); --border-aliases-radius-3xl: var(--border-foundation-radius-10); --border-aliases-radius-2xl: var(--border-foundation-radius-8); --border-aliases-radius-xl: var(--border-foundation-radius-6); --border-aliases-radius-l: var(--border-foundation-radius-5); --border-aliases-radius-m: var(--border-foundation-radius-4); --border-aliases-radius-s: var(--border-foundation-radius-3); --border-aliases-radius-xs: var(--border-foundation-radius-2); --border-aliases-radius-none: var(--border-foundation-radius-0); --spacing-aliases-grid-gutter: var(--spacing-aliases-scale-m); --spacing-aliases-container-padding: var(--spacing-aliases-scale-m); --spacing-aliases-margin-2xl: var(--spacing-aliases-scale-2xl); --spacing-aliases-margin-xl: var(--spacing-aliases-scale-xl); --spacing-aliases-margin-l: var(--spacing-aliases-scale-l); --spacing-aliases-margin-m: var(--spacing-aliases-scale-m); --spacing-aliases-margin-s: var(--spacing-aliases-scale-s); --spacing-aliases-margin-xs: var(--spacing-aliases-scale-xs); --spacing-aliases-margin-xxs: var(--spacing-aliases-scale-xxs); --spacing-aliases-padding-2xl: var(--spacing-aliases-scale-2xl); --spacing-aliases-padding-xl: var(--spacing-aliases-scale-xl); --spacing-aliases-padding-l: var(--spacing-aliases-scale-l); --spacing-aliases-padding-m: var(--spacing-aliases-scale-m); --spacing-aliases-padding-s: var(--spacing-aliases-scale-s); --spacing-aliases-padding-xs: var(--spacing-aliases-scale-xs); --spacing-aliases-padding-xxs: var(--spacing-aliases-scale-xxs); --spacing-aliases-gap-2xl: var(--spacing-aliases-scale-2xl); --spacing-aliases-gap-xl: var(--spacing-aliases-scale-xl); --spacing-aliases-gap-l: var(--spacing-aliases-scale-l); --spacing-aliases-gap-m: var(--spacing-aliases-scale-m); --spacing-aliases-gap-s: var(--spacing-aliases-scale-s); --spacing-aliases-gap-xs: var(--spacing-aliases-scale-xs); --spacing-aliases-gap-xxs: var(--spacing-aliases-scale-xxs); --size-semantic-checkbox-l: var(--size-aliases-l); --size-semantic-checkbox-m: var(--size-aliases-m); --size-semantic-checkbox-s: var(--size-aliases-s); --size-semantic-avatar-3xl: var(--size-aliases-3xl); --size-semantic-avatar-2xl: var(--size-aliases-xxl); --size-semantic-avatar-xl: var(--size-aliases-xl); --size-semantic-avatar-l: var(--size-aliases-l); --size-semantic-avatar-m: var(--size-aliases-m); --size-semantic-avatar-s: var(--size-aliases-s); --size-semantic-avatar-xs: var(--size-aliases-xs); --size-semantic-icon-xl: var(--size-aliases-l); --size-semantic-icon-l: var(--size-aliases-m); --size-semantic-icon-m: var(--size-aliases-s); --size-semantic-icon-s: var(--size-aliases-xs); --size-semantic-icon-xs: var(--size-aliases-xxs); --size-semantic-control-l: var(--size-aliases-xl); --size-semantic-control-m: var(--size-aliases-l); --size-semantic-control-s: var(--size-aliases-m); --size-semantic-2xl: var(--size-aliases-xxl); --size-semantic-xl: var(--size-aliases-xl); --size-semantic-l: var(--size-aliases-l); --size-semantic-m: var(--size-aliases-m); --size-semantic-s: var(--size-aliases-s); --size-semantic-xs: var(--size-aliases-xs); --size-semantic-xxs: var(--size-aliases-xxs); --motion-semantic-animation-ease: var(--motion-aliases-easing-standard); --motion-semantic-animation-speed: var(--motion-aliases-duration-base); --layout-semantic-breakpoint-xxl: var(--layout-aliases-breakpoint-xxl); --layout-semantic-breakpoint-xl: var(--layout-aliases-breakpoint-xl); --layout-semantic-breakpoint-l: var(--layout-aliases-breakpoint-l); --layout-semantic-breakpoint-m: var(--layout-aliases-breakpoint-m); --layout-semantic-breakpoint-s: var(--layout-aliases-breakpoint-s); --layout-semantic-breakpoint-xs: var(--layout-aliases-breakpoint-xs); --layout-semantic-grid-gutter-xl: var(--layout-aliases-grid-gutter-xl); --layout-semantic-grid-gutter-l: var(--layout-aliases-grid-gutter-l); --layout-semantic-grid-gutter-m: var(--layout-aliases-grid-gutter-m); --layout-semantic-grid-gutter-s: var(--layout-aliases-grid-gutter-s); --layout-semantic-grid-columns-24: var(--layout-aliases-grid-columns-24); --layout-semantic-grid-columns-12: var(--layout-aliases-grid-columns-12); --layout-semantic-container-padding-l: var(--layout-aliases-container-padding-l); --layout-semantic-container-padding-m: var(--layout-aliases-container-padding-m); --layout-semantic-container-padding-s: var(--layout-aliases-container-padding-s); --layout-semantic-container-padding-none: var(--layout-aliases-container-padding-none); --layout-semantic-container-max-width-xxl: var(--layout-aliases-container-max-width-xxl); --layout-semantic-container-max-width-xl: var(--layout-aliases-container-max-width-xl); --layout-semantic-container-max-width-l: var(--layout-aliases-container-max-width-l); --layout-semantic-container-max-width-m: var(--layout-aliases-container-max-width-m); --layout-semantic-container-max-width-s: var(--layout-aliases-container-max-width-s); --layout-semantic-container-max-width-fluid: var(--layout-aliases-container-max-width-fluid); --shadow-semantic-button-active: var(--shadow-aliases-button-active); --shadow-semantic-button-hover: var(--shadow-aliases-button-hover); --shadow-semantic-button-default: var(--shadow-aliases-button-default); --shadow-semantic-card-elevated: var(--shadow-aliases-card-elevated); --shadow-semantic-card-hover: var(--shadow-aliases-card-hover); --shadow-semantic-card-default: var(--shadow-aliases-card-default); --color-semantic-interactive-bg-info: var(--color-aliases-feedback-info-bg); --color-semantic-interactive-bg-error: var(--color-aliases-feedback-error-bg); --color-semantic-interactive-bg-warning: var(--color-aliases-feedback-warning-bg); --color-semantic-interactive-bg-success: var(--color-aliases-feedback-success-bg); --color-semantic-interactive-bg-muted: var(--color-aliases-surface-muted); --color-semantic-interactive-bg-hover: var(--color-aliases-surface-layer-1); --color-semantic-interactive-bg-default: var(--color-aliases-surface-base); --color-semantic-interactive-border-info: var(--color-aliases-feedback-info-fg); --color-semantic-interactive-border-error: var(--color-aliases-feedback-error-fg); --color-semantic-interactive-border-warning: var(--color-aliases-feedback-warning-fg); --color-semantic-interactive-border-success: var(--color-aliases-feedback-success-fg); --color-semantic-interactive-border-muted: var(--color-aliases-border-muted); --color-semantic-interactive-border-hover: var(--color-aliases-border-layer-1); --color-semantic-interactive-border-default: var(--color-aliases-border-base); --color-semantic-interactive-text-primary: var(--color-aliases-text-link); --color-semantic-interactive-text-inverse: var(--color-aliases-text-inverse-primary); --color-semantic-interactive-text-disabled: var(--color-aliases-text-disabled); --color-semantic-interactive-text-mute: var(--color-aliases-text-tertiary); --color-semantic-interactive-text-hover: var(--color-aliases-text-secondary); --color-semantic-interactive-text-default: var(--color-aliases-text-primary); --color-semantic-field-input-placeholder: var(--color-aliases-text-tertiary); --color-semantic-field-input-text-disabled: var(--color-aliases-text-disabled); --color-semantic-field-input-text-default: var(--color-aliases-text-primary); --color-semantic-field-input-border-error: var(--color-aliases-feedback-error-fg); --color-semantic-field-input-border-focus: var(--color-aliases-brand-primary); --color-semantic-field-input-border-hover: var(--color-aliases-border-layer-1); --color-semantic-field-input-border-default: var(--color-aliases-border-base); --color-semantic-field-input-bg-hover: var(--color-aliases-surface-layer-1); --color-semantic-field-input-bg-disabled: var(--color-aliases-surface-muted); --color-semantic-field-input-bg-default: var(--color-aliases-surface-base); --color-semantic-button-disabled-text-disabled: var(--color-aliases-text-disabled); --color-semantic-button-disabled-bg-disabled: var(--color-aliases-surface-muted); --color-semantic-button-tertiary-border-hover: var(--color-aliases-border-layer-1); --color-semantic-button-tertiary-border-default: var(--color-aliases-border-base); --color-semantic-button-tertiary-text-disabled: var(--color-aliases-text-disabled); --color-semantic-button-tertiary-text-hover: var(--color-aliases-text-secondary); --color-semantic-button-tertiary-text-default: var(--color-aliases-text-primary); --color-semantic-button-tertiary-bg-disabled: var(--color-aliases-surface-muted); --color-semantic-button-tertiary-bg-active: var(--color-aliases-surface-layer-2); --color-semantic-button-tertiary-bg-hover: var(--color-aliases-surface-layer-1); --color-semantic-button-tertiary-bg-default: var(--color-aliases-surface-base); --color-semantic-button-secondary-border-hover: var(--color-aliases-border-layer-1); --color-semantic-button-secondary-border-default: var(--color-aliases-border-base); --color-semantic-button-secondary-text-disabled: var(--color-aliases-text-disabled); --color-semantic-button-secondary-text-default: var(--color-aliases-text-link); --color-semantic-button-secondary-bg-disabled: var(--color-aliases-surface-muted); --color-semantic-button-secondary-bg-active: var(--color-aliases-surface-layer-3); --color-semantic-button-secondary-bg-hover: var(--color-aliases-surface-layer-2); --color-semantic-button-secondary-bg-default: var(--color-aliases-surface-layer-1); --color-semantic-button-primary-border-default: var(--color-aliases-brand-primary); --color-semantic-button-primary-text-disabled: var(--color-aliases-text-disabled); --color-semantic-button-primary-text-default: var(--color-aliases-text-inverse-primary); --color-semantic-button-primary-bg-disabled: var(--color-aliases-surface-muted); --color-semantic-button-primary-bg-default: var(--color-aliases-brand-primary); --color-semantic-icon-inverse-hover: var(--color-aliases-text-inverse-secondary); --color-semantic-icon-inverse: var(--color-aliases-text-inverse-primary); --color-semantic-icon-info: var(--color-aliases-feedback-info-fg); --color-semantic-icon-error: var(--color-aliases-feedback-error-fg); --color-semantic-icon-warning: var(--color-aliases-feedback-warning-fg); --color-semantic-icon-success: var(--color-aliases-feedback-success-fg); --color-semantic-icon-primary: var(--color-aliases-text-link); --color-semantic-icon-disabled: var(--color-aliases-text-disabled); --color-semantic-icon-muted: var(--color-aliases-text-tertiary); --color-semantic-icon-hover: var(--color-aliases-text-secondary); --color-semantic-icon-default: var(--color-aliases-text-primary); --border-semantic-radius-action-pill: var(--border-aliases-radius-full); --border-semantic-radius-action-l: var(--border-aliases-radius-l); --border-semantic-radius-action-m: var(--border-aliases-radius-m); --border-semantic-radius-action-s: var(--border-aliases-radius-s); --border-semantic-radius-checkbox-l: var(--border-aliases-radius-l); --border-semantic-radius-checkbox-m: var(--border-aliases-radius-m); --border-semantic-radius-checkbox-s: var(--border-aliases-radius-s); --border-semantic-radius-modal-l: var(--border-aliases-radius-xl); --border-semantic-radius-modal-m: var(--border-aliases-radius-l); --border-semantic-radius-modal-s: var(--border-aliases-radius-m); --border-semantic-radius-card-l: var(--border-aliases-radius-l); --border-semantic-radius-card-m: var(--border-aliases-radius-m); --border-semantic-radius-card-s: var(--border-aliases-radius-s); --border-semantic-radius-input-l: var(--border-aliases-radius-l); --border-semantic-radius-input-m: var(--border-aliases-radius-m); --border-semantic-radius-input-s: var(--border-aliases-radius-s); --border-semantic-radius-button-pill: var(--border-aliases-radius-full); --border-semantic-radius-button-l: var(--border-aliases-radius-l); --border-semantic-radius-button-m: var(--border-aliases-radius-m); --border-semantic-radius-button-s: var(--border-aliases-radius-s); --border-semantic-radius-full: var(--border-aliases-radius-full); --border-semantic-radius-3xl: var(--border-aliases-radius-3xl); --border-semantic-radius-2xl: var(--border-aliases-radius-2xl); --border-semantic-radius-xl: var(--border-aliases-radius-xl); --border-semantic-radius-l: var(--border-aliases-radius-l); --border-semantic-radius-m: var(--border-aliases-radius-m); --border-semantic-radius-s: var(--border-aliases-radius-s); --spacing-semantic-grid-gutter: var(--spacing-aliases-grid-gutter); --spacing-semantic-container-padding: var(--spacing-aliases-container-padding); --spacing-semantic-margin-xxs: var(--spacing-aliases-margin-xxs); --spacing-semantic-margin-xs: var(--spacing-aliases-margin-xs); --spacing-semantic-margin-s: var(--spacing-aliases-margin-s); --spacing-semantic-margin-m: var(--spacing-aliases-margin-m); --spacing-semantic-margin-l: var(--spacing-aliases-margin-l); --spacing-semantic-margin-xl: var(--spacing-aliases-margin-xl); --spacing-semantic-margin-2xl: var(--spacing-aliases-margin-2xl); --spacing-semantic-padding-xxs: var(--spacing-aliases-padding-xxs); --spacing-semantic-padding-xs: var(--spacing-aliases-padding-xs); --spacing-semantic-padding-s: var(--spacing-aliases-padding-s); --spacing-semantic-padding-m: var(--spacing-aliases-padding-m); --spacing-semantic-padding-l: var(--spacing-aliases-padding-l); --spacing-semantic-padding-xl: var(--spacing-aliases-padding-xl); --spacing-semantic-padding-2xl: var(--spacing-aliases-padding-2xl); --spacing-semantic-gap-xxs: var(--spacing-aliases-gap-xxs); --spacing-semantic-gap-xs: var(--spacing-aliases-gap-xs); --spacing-semantic-gap-s: var(--spacing-aliases-gap-s); --spacing-semantic-gap-m: var(--spacing-aliases-gap-m); --spacing-semantic-gap-l: var(--spacing-aliases-gap-l); --spacing-semantic-gap-xl: var(--spacing-aliases-gap-xl); --spacing-semantic-gap-2xl: var(--spacing-aliases-gap-2xl); --size-semantic-search-l: var(--size-semantic-control-l); --size-semantic-search-m: var(--size-semantic-control-m); --size-semantic-search-s: var(--size-semantic-control-s); --size-semantic-dropdown-l: var(--size-semantic-control-l); --size-semantic-dropdown-m: var(--size-semantic-control-m); --size-semantic-dropdown-s: var(--size-semantic-control-s); --size-semantic-select-l: var(--size-semantic-control-l); --size-semantic-select-m: var(--size-semantic-control-m); --size-semantic-select-s: var(--size-semantic-control-s); --size-semantic-input-l: var(--size-semantic-control-l); --size-semantic-input-m: var(--size-semantic-control-m); --size-semantic-input-s: var(--size-semantic-control-s); --size-semantic-button-l: var(--size-semantic-control-l); --size-semantic-button-m: var(--size-semantic-control-m); --size-semantic-button-s: var(--size-semantic-control-s); } [data-theme="dark"] { --color-aliases-overlay-inverse: rgba(255, 255, 255, 0.6); --color-aliases-overlay-soft: rgba(0, 0, 0, 0.3); --color-aliases-overlay-base: rgba(0, 0, 0, 0.6); --color-aliases-text-link-hover: rgba(0, 111, 255, 0.9); --color-aliases-surface-alpha-inverse-70: rgba(255, 255, 255, 0.7); --color-aliases-surface-alpha-inverse-50: rgba(255, 255, 255, 0.5); --color-aliases-surface-alpha-inverse-30: rgba(255, 255, 255, 0.3); --color-aliases-surface-alpha-inverse-10: rgba(255, 255, 255, 0.1); --color-aliases-surface-alpha-inverse: rgba(255, 255, 255, 0.3); --color-aliases-surface-alpha-70: rgba(0, 0, 0, 0.7); --color-aliases-surface-alpha-50: rgba(0, 0, 0, 0.5); --color-aliases-surface-alpha-30: rgba(0, 0, 0, 0.3); --color-aliases-surface-alpha-10: rgba(0, 0, 0, 0.1); --color-aliases-surface-alpha: rgba(0, 0, 0, 0.3); --color-aliases-surface-transparent: rgba(0, 0, 0, 0); --color-aliases-border-alpha-inverse-70: rgba(0, 0, 0, 0.7); --color-aliases-border-alpha-inverse-50: rgba(0, 0, 0, 0.5); --color-aliases-border-alpha-inverse-30: rgba(0, 0, 0, 0.3); --color-aliases-border-alpha-inverse-10: rgba(0, 0, 0, 0.1); --color-aliases-border-alpha-inverse: rgba(0, 0, 0, 0.1); --color-aliases-border-alpha-70: rgba(255, 255, 255, 0.7); --color-aliases-border-alpha-50: rgba(255, 255, 255, 0.5); --color-aliases-border-alpha-30: rgba(255, 255, 255, 0.3); --color-aliases-border-alpha-10: rgba(255, 255, 255, 0.1); --color-aliases-border-alpha: rgba(255, 255, 255, 0.1); --color-aliases-border-transparent: rgba(0, 0, 0, 0); --color-aliases-brand-primary-alpha-90: rgba(0, 111, 255, 0.9); --color-aliases-brand-primary-alpha-80: rgba(0, 111, 255, 0.8); --color-aliases-brand-primary-alpha-70: rgba(0, 111, 255, 0.7); --color-aliases-brand-primary-alpha-60: rgba(0, 111, 255, 0.6); --color-aliases-brand-primary-alpha-50: rgba(0, 111, 255, 0.5); --color-aliases-brand-primary-alpha-40: rgba(0, 111, 255, 0.4); --color-aliases-brand-primary-alpha-30: rgba(0, 111, 255, 0.3); --color-aliases-brand-primary-alpha-20: rgba(0, 111, 255, 0.2); --color-aliases-brand-primary-alpha-10: rgba(0, 111, 255, 0.1); --color-aliases-text-inverse-tertiary: var(--color-foundation-neutral-300); --color-aliases-text-inverse-secondary: var(--color-foundation-neutral-200); --color-aliases-text-inverse-primary: var(--color-foundation-neutral-white); --color-aliases-text-link: var(--color-foundation-blue-700); --color-aliases-text-disabled: var(--color-foundation-neutral-500); --color-aliases-text-tertiary: var(--color-foundation-neutral-300); --color-aliases-text-secondary: var(--color-foundation-neutral-200); --color-aliases-text-primary: var(--color-foundation-neutral-white); --color-aliases-surface-inverse: var(--color-foundation-neutral-white); --color-aliases-surface-muted: var(--color-foundation-neutral-900); --color-aliases-surface-layer-3: var(--color-foundation-neutral-800); --color-aliases-surface-layer-2: var(--color-foundation-neutral-900); --color-aliases-surface-layer-1: var(--color-foundation-neutral-1000); --color-aliases-surface-base: var(--color-foundation-neutral-1100); --color-aliases-feedback-info-bg: var(--color-foundation-blue-100); --color-aliases-feedback-info-fg: var(--color-foundation-blue-600); --color-aliases-feedback-error-bg: var(--color-foundation-red-100); --color-aliases-feedback-error-fg: var(--color-foundation-red-500); --color-aliases-feedback-warning-bg: var(--color-foundation-yellow-100); --color-aliases-feedback-warning-fg: var(--color-foundation-yellow-600); --color-aliases-feedback-success-bg: var(--color-foundation-green-200); --color-aliases-feedback-success-fg: var(--color-foundation-green-600); --color-aliases-border-inverse: var(--color-foundation-neutral-200); --color-aliases-border-muted: var(--color-foundation-neutral-1000); --color-aliases-border-layer-3: var(--color-foundation-neutral-600); --color-aliases-border-layer-2: var(--color-foundation-neutral-700); --color-aliases-border-layer-1: var(--color-foundation-neutral-800); --color-aliases-border-base: var(--color-foundation-neutral-900); --color-aliases-brand-accent: var(--color-foundation-orange-600); --color-aliases-brand-tertiary: var(--color-foundation-teal-500); --color-aliases-brand-secondary: var(--color-foundation-blue-200); --color-aliases-brand-primary: var(--color-foundation-blue-700); } *,*::before,*::after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}body{font-family:var(--db-font-primary);font-size:var(--font-size-base);color:var(--db-text-primary);background-color:var(--db-surface-base);-webkit-user-select:none;-moz-user-select:none;user-select:none}button{background:none;border:none;padding:0;cursor:pointer;outline:none}ul,ol{list-style:none;padding:0}a{color:inherit;text-decoration:none}input,textarea,select{background:rgba(0,0,0,0);border:none;outline:none;appearance:none}input::placeholder,textarea::placeholder,select::placeholder{color:var(--color-text-muted, #6b7280)}table{border-collapse:collapse;border-spacing:0}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}*:focus{outline:none}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}.designbase-scrollable{scrollbar-width:thin;-ms-overflow-style:auto}.designbase-scrollable::-webkit-scrollbar{display:block;width:8px;height:8px}.designbase-scrollable::-webkit-scrollbar-track{background:var(--color-bg-secondary, #f3f4f6);border-radius:var(--border-radius-base, 4px)}.designbase-scrollable::-webkit-scrollbar-thumb{background:var(--color-border-secondary, #d1d5db);border-radius:var(--border-radius-base, 4px)}.designbase-scrollable::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary, #9ca3af)}.designbase-scrollable::-webkit-scrollbar-corner{background:var(--color-bg-secondary, #f3f4f6)}.designbase-scrollable--thin{scrollbar-width:thin}.designbase-scrollable--thin::-webkit-scrollbar{display:block;width:4px;height:4px}.designbase-scrollable--thin::-webkit-scrollbar-thumb{background:var(--color-border-secondary, #d1d5db);border-radius:2px}.designbase-scrollable--thin::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary, #9ca3af)}.designbase-scrollable--custom{scrollbar-width:thin}.designbase-scrollable--custom::-webkit-scrollbar{display:block;width:6px;height:6px}.designbase-scrollable--custom::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.designbase-scrollable--custom::-webkit-scrollbar-thumb{background:var(--color-border-primary, #d1d5db);border-radius:3px}.designbase-scrollable--custom::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary, #9ca3af)}::selection{background-color:var(--color-text-link, #2563eb);color:var(--color-text-inverse, #ffffff)}@media print{*,*::before,*::after{background:rgba(0,0,0,0) !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}:root{--db-text-primary: var(--color-aliases-text-primary);--db-text-secondary: var(--color-aliases-text-secondary);--db-text-tertiary: var(--color-aliases-text-tertiary);--db-text-disabled: var(--color-aliases-text-disabled);--db-text-link: var(--color-aliases-text-link);--db-text-link-hover: var(--color-aliases-text-link-hover);--db-text-muted: var(--color-aliases-text-tertiary);--db-text-inverse-primary: var(--color-aliases-text-inverse-primary);--db-text-inverse-secondary: var(--color-aliases-text-inverse-secondary);--db-text-inverse-tertiary: var(--color-aliases-text-inverse-tertiary);--db-brand-primary: var(--color-aliases-brand-primary);--db-brand-secondary: var(--color-aliases-brand-secondary);--db-brand-tertiary: var(--color-aliases-brand-tertiary);--db-brand-accent: var(--color-aliases-brand-accent);--db-surface-base: var(--color-aliases-surface-base);--db-surface-layer-1: var(--color-aliases-surface-layer-1);--db-surface-layer-2: var(--color-aliases-surface-layer-2);--db-surface-layer-3: var(--color-aliases-surface-layer-3);--db-surface-muted: var(--color-aliases-surface-muted);--db-surface-inverse: var(--color-aliases-surface-inverse);--db-surface-transparent: var(--color-aliases-surface-transparent);--db-surface-alpha: var(--color-aliases-surface-alpha);--db-surface-alpha-inverse: var(--color-aliases-surface-alpha-inverse);--db-surface-alpha-10: var(--color-aliases-surface-alpha-10);--db-surface-alpha-30: var(--color-aliases-surface-alpha-30);--db-surface-alpha-50: var(--color-aliases-surface-alpha-50);--db-surface-alpha-70: var(--color-aliases-surface-alpha-70);--db-surface-alpha-inverse-10: var(--color-aliases-surface-alpha-inverse-10);--db-surface-alpha-inverse-30: var(--color-aliases-surface-alpha-inverse-30);--db-surface-alpha-inverse-50: var(--color-aliases-surface-alpha-inverse-50);--db-surface-alpha-inverse-70: var(--color-aliases-surface-alpha-inverse-70);--db-bg-primary: var(--color-aliases-surface-base);--db-bg-secondary: var(--color-aliases-surface-layer-1);--db-bg-tertiary: var(--color-aliases-surface-layer-2);--db-bg-inverse: var(--color-aliases-surface-inverse);--db-feedback-success-fg: var(--color-aliases-feedback-success-fg);--db-feedback-success-bg: var(--color-aliases-feedback-success-bg);--db-feedback-warning-fg: var(--color-aliases-feedback-warning-fg);--db-feedback-warning-bg: var(--color-aliases-feedback-warning-bg);--db-feedback-error-fg: var(--color-aliases-feedback-error-fg);--db-feedback-error-bg: var(--color-aliases-feedback-error-bg);--db-feedback-info-fg: var(--color-aliases-feedback-info-fg);--db-feedback-info-bg: var(--color-aliases-feedback-info-bg);--db-text-success: var(--color-aliases-feedback-success-fg);--db-text-warning: var(--color-aliases-feedback-warning-fg);--db-text-error: var(--color-aliases-feedback-error-fg);--db-text-info: var(--color-aliases-feedback-info-fg);--db-bg-success: var(--color-aliases-feedback-success-bg);--db-bg-warning: var(--color-aliases-feedback-warning-bg);--db-bg-error: var(--color-aliases-feedback-error-bg);--db-bg-info: var(--color-aliases-feedback-info-bg);--db-border-base: var(--color-aliases-border-base);--db-border-layer-1: var(--color-aliases-border-layer-1);--db-border-layer-2: var(--color-aliases-border-layer-2);--db-border-layer-3: var(--color-aliases-border-layer-3);--db-border-muted: var(--color-aliases-border-muted);--db-border-inverse: var(--color-aliases-border-inverse);--db-border-transparent: var(--color-aliases-border-transparent);--db-border-alpha: var(--color-aliases-border-alpha);--db-border-alpha-inverse: var(--color-aliases-border-alpha-inverse);--db-border-alpha-10: var(--color-aliases-border-alpha-10);--db-border-alpha-30: var(--color-aliases-border-alpha-30);--db-border-alpha-50: var(--color-aliases-border-alpha-50);--db-border-alpha-70: var(--color-aliases-border-alpha-70);--db-border-alpha-inverse-10: var(--color-aliases-border-alpha-inverse-10);--db-border-alpha-inverse-30: var(--color-aliases-border-alpha-inverse-30);--db-border-alpha-inverse-50: var(--color-aliases-border-alpha-inverse-50);--db-border-alpha-inverse-70: var(--color-aliases-border-alpha-inverse-70);--db-border-primary: var(--color-aliases-border-base);--db-border-secondary: var(--color-aliases-border-layer-1);--db-border-focus: var(--color-aliases-brand-primary);--db-border-error: var(--color-aliases-feedback-error-fg);--db-border-success: var(--color-aliases-feedback-success-fg);--db-border-warning: var(--color-aliases-feedback-warning-fg);--db-border-info: var(--color-aliases-feedback-info-fg);--db-overlay-base: var(--color-aliases-overlay-base);--db-overlay-soft: var(--color-aliases-overlay-soft);--db-overlay-inverse: var(--color-aliases-overlay-inverse);--db-bg-overlay: var(--color-aliases-overlay-base);--db-icon-default: var(--color-semantic-icon-default);--db-icon-hover: var(--color-semantic-icon-hover);--db-icon-muted: var(--color-semantic-icon-muted);--db-icon-disabled: var(--color-semantic-icon-disabled);--db-icon-primary: var(--color-semantic-icon-primary);--db-icon-success: var(--color-semantic-icon-success);--db-icon-warning: var(--color-semantic-icon-warning);--db-icon-error: var(--color-semantic-icon-error);--db-icon-info: var(--color-semantic-icon-info);--db-icon-inverse: var(--color-semantic-icon-inverse);--db-icon-inverse-hover: var(--color-semantic-icon-inverse-hover);--db-icon-secondary: var(--color-semantic-icon-hover);--db-icon-danger: var(--color-semantic-icon-error);--db-btn-primary-bg: var(--color-semantic-button-primary-bg-default);--db-btn-primary-bg-hover: var(--color-semantic-button-primary-bg-hover);--db-btn-primary-bg-active: var(--color-semantic-button-primary-bg-active);--db-btn-primary-bg-disabled: var(--color-semantic-button-primary-bg-disabled);--db-btn-primary-text: var(--color-semantic-button-primary-text-default);--db-btn-primary-text-disabled: var(--color-semantic-button-primary-text-disabled);--db-btn-primary-border: var(--color-semantic-button-primary-border-default);--db-btn-primary-border-hover: var(--color-semantic-button-primary-border-hover);--db-btn-primary-border-active: var(--color-semantic-button-primary-border-active);--db-btn-secondary-bg: var(--color-semantic-button-secondary-bg-default);--db-btn-secondary-bg-hover: var(--color-semantic-button-secondary-bg-hover);--db-btn-secondary-bg-active: var(--color-semantic-button-secondary-bg-active);--db-btn-secondary-bg-disabled: var(--color-semantic-button-secondary-bg-disabled);--db-btn-secondary-text: var(--color-semantic-button-secondary-text-default);--db-btn-secondary-text-hover: var(--color-semantic-button-secondary-text-hover);--db-btn-secondary-text-disabled: var(--color-semantic-button-secondary-text-disabled);--db-btn-secondary-border: var(--color-semantic-button-secondary-border-default);--db-btn-secondary-border-hover: var(--color-semantic-button-secondary-border-hover);--db-btn-tertiary-bg: var(--color-semantic-button-tertiary-bg-default);--db-btn-tertiary-bg-hover: var(--color-semantic-button-tertiary-bg-hover);--db-btn-tertiary-bg-active: var(--color-semantic-button-tertiary-bg-active);--db-btn-tertiary-bg-disabled: var(--color-semantic-button-tertiary-bg-disabled);--db-btn-tertiary-text: var(--color-semantic-button-tertiary-text-default);--db-btn-tertiary-text-hover: var(--color-semantic-button-tertiary-text-hover);--db-btn-tertiary-text-disabled: var(--color-semantic-button-tertiary-text-disabled);--db-btn-tertiary-border: var(--color-semantic-button-tertiary-border-default);--db-btn-tertiary-border-hover: var(--color-semantic-button-tertiary-border-hover);--db-btn-disabled-bg: var(--color-semantic-button-disabled-bg-disabled);--db-btn-disabled-text: var(--color-semantic-button-disabled-text-disabled);--db-field-bg: var(--color-semantic-field-input-bg-default);--db-field-bg-hover: var(--color-semantic-field-input-bg-hover);--db-field-bg-disabled: var(--color-semantic-field-input-bg-disabled);--db-field-border: var(--color-semantic-field-input-border-default);--db-field-border-hover: var(--color-semantic-field-input-border-hover);--db-field-border-focus: var(--color-semantic-field-input-border-focus);--db-field-border-error: var(--color-semantic-field-input-border-error);--db-field-text: var(--color-semantic-field-input-text-default);--db-field-text-disabled: var(--color-semantic-field-input-text-disabled);--db-field-placeholder: var(--color-semantic-field-input-placeholder);--db-interactive-text: var(--color-semantic-interactive-text-default);--db-interactive-text-hover: var(--color-semantic-interactive-text-hover);--db-interactive-text-mute: var(--color-semantic-interactive-text-mute);--db-interactive-text-disabled: var(--color-semantic-interactive-text-disabled);--db-interactive-text-inverse: var(--color-semantic-interactive-text-inverse);--db-interactive-text-primary: var(--color-semantic-interactive-text-primary);--db-interactive-border: var(--color-semantic-interactive-border-default);--db-interactive-border-hover: var(--color-semantic-interactive-border-hover);--db-interactive-border-muted: var(--color-semantic-interactive-border-muted);--db-interactive-border-success: var(--color-semantic-interactive-border-success);--db-interactive-border-warning: var(--color-semantic-interactive-border-warning);--db-interactive-border-error: var(--color-semantic-interactive-border-error);--db-interactive-border-info: var(--color-semantic-interactive-border-info);--db-interactive-bg: var(--color-semantic-interactive-bg-default);--db-interactive-bg-hover: var(--color-semantic-interactive-bg-hover);--db-interactive-bg-muted: var(--color-semantic-interactive-bg-muted);--db-interactive-bg-success: var(--color-semantic-interactive-bg-success);--db-interactive-bg-warning: var(--color-semantic-interactive-bg-warning);--db-interactive-bg-error: var(--color-semantic-interactive-bg-error);--db-interactive-bg-info: var(--color-semantic-interactive-bg-info);--db-color-primary: var(--color-aliases-brand-primary);--db-color-secondary: var(--color-aliases-brand-secondary);--db-color-tertiary: var(--color-aliases-brand-tertiary);--db-color-primary-90: var(--color-aliases-brand-primary-alpha-90);--db-color-primary-80: var(--color-aliases-brand-primary-alpha-80);--db-color-primary-70: var(--color-aliases-brand-primary-alpha-70);--db-color-primary-60: var(--color-aliases-brand-primary-alpha-60);--db-color-primary-50: var(--color-aliases-brand-primary-alpha-50);--db-color-primary-40: var(--color-aliases-brand-primary-alpha-40);--db-color-primary-30: var(--color-aliases-brand-primary-alpha-30);--db-color-primary-20: var(--color-aliases-brand-primary-alpha-20);--db-color-primary-10: var(--color-aliases-brand-primary-alpha-10);--db-margin-xxs: var(--spacing-semantic-margin-xxs);--db-margin-xs: var(--spacing-semantic-margin-xs);--db-margin-s: var(--spacing-semantic-margin-s);--db-margin-m: var(--spacing-semantic-margin-m);--db-margin-l: var(--spacing-semantic-margin-l);--db-margin-xl: var(--spacing-semantic-margin-xl);--db-margin-2xl: var(--spacing-semantic-margin-2xl);--db-padding-xxs: var(--spacing-semantic-padding-xxs);--db-padding-xs: var(--spacing-semantic-padding-xs);--db-padding-s: var(--spacing-semantic-padding-s);--db-padding-m: var(--spacing-semantic-padding-m);--db-padding-l: var(--spacing-semantic-padding-l);--db-padding-xl: var(--spacing-semantic-padding-xl);--db-padding-2xl: var(--spacing-semantic-padding-2xl);--db-gap-xxs: var(--spacing-semantic-gap-xxs);--db-gap-xs: var(--spacing-semantic-gap-xs);--db-gap-s: var(--spacing-semantic-gap-s);--db-gap-m: var(--spacing-semantic-gap-m);--db-gap-l: var(--spacing-semantic-gap-l);--db-gap-xl: var(--spacing-semantic-gap-xl);--db-gap-2xl: var(--spacing-semantic-gap-2xl);--db-container-padding: var(--spacing-semantic-container-padding);--db-grid-gutter: var(--spacing-semantic-grid-gutter);--db-radius-s: var(--border-semantic-radius-s);--db-radius-m: var(--border-semantic-radius-m);--db-radius-l: var(--border-semantic-radius-l);--db-radius-xl: var(--border-semantic-radius-xl);--db-radius-2xl: var(--border-semantic-radius-2xl);--db-radius-3xl: var(--border-semantic-radius-3xl);--db-radius-full: var(--border-semantic-radius-full);--db-radius-btn-s: var(--border-semantic-radius-button-s);--db-radius-btn-m: var(--border-semantic-radius-button-m);--db-radius-btn-l: var(--border-semantic-radius-button-l);--db-radius-btn-pill: var(--border-semantic-radius-button-pill);--db-radius-input-s: var(--border-semantic-radius-input-s);--db-radius-input-m: var(--border-semantic-radius-input-m);--db-radius-input-l: var(--border-semantic-radius-input-l);--db-radius-card-s: var(--border-semantic-radius-card-s);--db-radius-card-m: var(--border-semantic-radius-card-m);--db-radius-card-l: var(--border-semantic-radius-card-l);--db-radius-modal-s: var(--border-semantic-radius-modal-s);--db-radius-modal-m: var(--border-semantic-radius-modal-m);--db-radius-modal-l: var(--border-semantic-radius-modal-l);--db-radius-action-s: var(--border-semantic-radius-action-s);--db-radius-action-m: var(--border-semantic-radius-action-m);--db-radius-action-l: var(--border-semantic-radius-action-l);--db-radius-action-pill: var(--border-semantic-radius-action-pill);--db-font-primary: var(--typography-semantic-font-family-primary);--db-font-mono: var(--typography-semantic-font-family-mono);--db-text-xs: var(--typography-semantic-font-size-xs);--db-text-s: var(--typography-semantic-font-size-s);--db-text-base: var(--typography-semantic-font-size-base);--db-text-l: var(--typography-semantic-font-size-l);--db-text-xl: var(--typography-semantic-font-size-xl);--db-text-2xl: var(--typography-semantic-font-size-2xl);--db-text-3xl: var(--typography-semantic-font-size-3xl);--db-text-4xl: var(--typography-semantic-font-size-4xl);--db-text-5xl: var(--typography-semantic-font-size-5xl);--db-text-6xl: var(--typography-semantic-font-size-6xl);--db-weight-light: var(--typography-semantic-font-weight-light);--db-weight-normal: var(--typography-semantic-font-weight-normal);--db-weight-medium: var(--typography-semantic-font-weight-medium);--db-weight-semibold: var(--typography-semantic-font-weight-semibold);--db-weight-bold: var(--typography-semantic-font-weight-bold);--db-weight-extrabold: var(--typography-semantic-font-weight-extrabold);--db-leading-none: var(--typography-semantic-line-height-none);--db-leading-tight: var(--typography-semantic-line-height-tight);--db-leading-snug: var(--typography-semantic-line-height-snug);--db-leading-normal: var(--typography-semantic-line-height-normal);--db-leading-relaxed: var(--typography-semantic-line-height-relaxed);--db-leading-loose: var(--typography-semantic-line-height-loose);--db-shadow-card: var(--shadow-semantic-card-default);--db-shadow-card-hover: var(--shadow-semantic-card-hover);--db-shadow-card-elevated: var(--shadow-semantic-card-elevated);--db-shadow-button: var(--shadow-semantic-button-default);--db-shadow-button-hover: var(--shadow-semantic-button-hover);--db-shadow-button-active: var(--shadow-semantic-button-active);--db-shadow-tooltip: var(--shadow-semantic-tooltip-default);--db-shadow-dropdown: var(--shadow-semantic-dropdown-default);--db-shadow-modal: var(--shadow-semantic-modal-content);--db-shadow-modal-overlay: var(--shadow-semantic-modal-overlay);--db-shadow-none: var(--shadow-foundation-none);--db-shadow-xs: var(--shadow-foundation-s);--db-shadow-sm: var(--shadow-foundation-base);--db-shadow-md: var(--shadow-foundation-m);--db-shadow-lg: var(--shadow-foundation-l);--db-shadow-xl: var(--shadow-foundation-xl);--db-shadow-2xl: var(--shadow-foundation-2xl);--db-shadow-inner: var(--shadow-foundation-inner);--db-opacity-focus: var(--opacity-semantic-focus);--db-opacity-hover: var(--opacity-semantic-hover);--db-opacity-overlay-dark: var(--opacity-semantic-overlay-dark);--db-opacity-overlay-medium: var(--opacity-semantic-overlay-medium);--db-opacity-overlay-light: var(--opacity-semantic-overlay-light);--db-opacity-disabled: var(--opacity-semantic-disabled);--db-blur-overlay-s: var(--blur-semantic-overlay-s);--db-blur-overlay-m: var(--blur-semantic-overlay-m);--db-blur-overlay-l: var(--blur-semantic-overlay-l);--db-z-auto: auto;--db-z-0: 0;--db-z-10: 10;--db-z-20: 20;--db-z-30: 30;--db-z-40: 40;--db-z-50: 50;--db-z-modal: 1000;--db-z-popover: 1010;--db-z-tooltip: 1020;--db-z-toast: 1030;--db-animation-speed: var(--motion-semantic-animation-speed);--db-animation-ease: var(--motion-semantic-animation-ease);--db-animation-ease-in: ease-in;--db-container-max-width-fluid: var(--layout-semantic-container-max-width-fluid);--db-container-max-width-s: var(--layout-semantic-container-max-width-s);--db-container-max-width-m: var(--layout-semantic-container-max-width-m);--db-container-max-width-l: var(--layout-semantic-container-max-width-l);--db-container-max-width-xl: var(--layout-semantic-container-max-width-xl);--db-container-max-width-xxl: var(--layout-semantic-container-max-width-xxl);--db-container-padding-none: var(--layout-semantic-container-padding-none);--db-container-padding-s: var(--layout-semantic-container-padding-s);--db-container-padding-m: var(--layout-semantic-container-padding-m);--db-container-padding-l: var(--layout-semantic-container-padding-l);--db-grid-columns-12: var(--layout-semantic-grid-columns-12);--db-grid-columns-24: var(--layout-semantic-grid-columns-24);--db-grid-gutter-s: var(--layout-semantic-grid-gutter-s);--db-grid-gutter-m: var(--layout-semantic-grid-gutter-m);--db-grid-gutter-l: var(--layout-semantic-grid-gutter-l);--db-grid-gutter-xl: var(--layout-semantic-grid-gutter-xl);--db-breakpoint-xs: var(--layout-semantic-breakpoint-xs);--db-breakpoint-s: var(--layout-semantic-breakpoint-s);--db-breakpoint-m: var(--layout-semantic-breakpoint-m);--db-breakpoint-l: var(--layout-semantic-breakpoint-l);--db-breakpoint-xl: var(--layout-semantic-breakpoint-xl);--db-breakpoint-xxl: var(--layout-semantic-breakpoint-xxl);--db-size-xxs: var(--size-semantic-xxs);--db-size-xs: var(--size-semantic-xs);--db-size-s: var(--size-semantic-s);--db-size-m: var(--size-semantic-m);--db-size-l: var(--size-semantic-l);--db-size-xl: var(--size-semantic-xl);--db-size-2xl: var(--size-semantic-2xl);--db-size-control-s: var(--size-semantic-control-s);--db-size-control-m: var(--size-semantic-control-m);--db-size-control-l: var(--size-semantic-control-l);--db-size-icon-xs: var(--size-semantic-icon-xs);--db-size-icon-s: var(--size-semantic-icon-s);--db-size-icon-m: var(--size-semantic-icon-m);--db-size-icon-l: var(--size-semantic-icon-l);--db-size-icon-xl: var(--size-semantic-icon-xl);--db-size-button-xs: var(--db-size-control-s);--db-size-button-s: var(--db-size-control-s);--db-size-button-m: var(--db-size-control-m);--db-size-button-l: var(--db-size-control-l);--db-size-button-xl: var(--db-size-control-l);--db-size-input-xs: var(--db-size-control-s);--db-size-input-s: var(--db-size-control-s);--db-size-input-m: var(--db-size-control-m);--db-size-input-l: var(--db-size-control-l);--db-size-input-xl: var(--db-size-control-l);--db-size-select-s: var(--db-size-control-s);--db-size-select-m: var(--db-size-control-m);--db-size-select-l: var(--db-size-control-l);--db-size-dropdown-s: var(--db-size-control-s);--db-size-dropdown-m: var(--db-size-control-m);--db-size-dropdown-l: var(--db-size-control-l);--db-size-search-s: var(--db-size-control-s);--db-size-search-m: var(--db-size-control-m);--db-size-search-l: var(--db-size-control-l);--db-size-avatar-xs: var(--size-semantic-avatar-xs);--db-size-avatar-s: var(--size-semantic-avatar-s);--db-size-avatar-m: var(--size-semantic-avatar-m);--db-size-avatar-l: var(--size-semantic-avatar-l);--db-size-avatar-xl: var(--size-semantic-avatar-xl);--db-size-avatar-2xl: var(--size-semantic-avatar-2xl);--db-size-avatar-3xl: var(--size-semantic-avatar-3xl);--db-size-card-s: var(--size-semantic-card-s);--db-size-card-m: var(--size-semantic-card-m);--db-size-card-l: var(--size-semantic-card-l);--db-size-modal-s: var(--size-semantic-modal-s);--db-size-modal-m: var(--size-semantic-modal-m);--db-size-modal-l: var(--size-semantic-modal-l);--db-size-modal-xl: var(--size-semantic-modal-xl);--db-size-checkbox-s: var(--size-semantic-checkbox-s);--db-size-checkbox-m: var(--size-semantic-checkbox-m)}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:600;line-height:1.2;color:var(--db-text-primary);transition:color .3s ease}h1{font-size:2.5rem;font-weight:700;margin-bottom:var(--db-margin-l)}h2{font-size:2rem;font-weight:600;margin-bottom:var(--db-margin-m)}h3{font-size:1.75rem;font-weight:600;margin-bottom:var(--db-margin-m)}h4{font-size:1.5rem;font-weight:600;margin-bottom:var(--db-margin-s)}h5{font-size:1.25rem;font-weight:600;margin-bottom:var(--db-margin-s)}h6{font-size:1rem;font-weight:600;margin-bottom:var(--db-margin-xs)}p{margin:0 0 var(--db-margin-m) 0;line-height:1.6;color:var(--db-text-primary);transition:color .3s ease}a{color:var(--db-text-link);text-decoration:none;transition:all .3s ease;cursor:pointer}a:hover{color:var(--db-text-link-hover)}a:active{color:var(--db-text-link)}a:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}strong,b{font-weight:600;color:var(--db-text-primary)}em,i{color:var(--db-text-primary)}blockquote{margin:var(--db-margin-m) 0;padding:var(--db-padding-m) var(--db-padding-l);border-left:2px solid var(--db-border-base);background-color:var(--db-surface-layer-1);color:var(--db-text-primary)}code{background-color:var(--db-surface-layer-2);color:var(--db-text-primary);padding:.125rem .25rem;border-radius:4px;font-family:"Monaco","Menlo","Ubuntu Mono",monospace;font-size:.875em;border:1px solid var(--db-border-base)}pre{background-color:var(--db-surface-layer-2);color:var(--db-text-primary);padding:var(--db-padding-m);border-radius:8px;overflow-x:auto;border:1px solid var(--db-border-base);margin:var(--db-margin-m) 0}pre code{background:none;border:none;padding:0;color:inherit}ul,ol{margin:0;padding-left:0;color:var(--db-text-primary)}li{margin-bottom:var(--db-margin-s);line-height:var(--db-leading-normal);color:var(--db-text-primary)}dl{margin:0 0 var(--db-margin-m) 0}dt{font-weight:600;color:var(--db-text-primary);margin-bottom:var(--db-margin-xs)}dd{margin:0 0 var(--db-margin-s);color:var(--db-text-secondary)}hr{border:none;height:1px;background-color:var(--db-border-base);margin:var(--db-margin-l) 0}details{margin:var(--db-margin-m) 0;border:1px solid var(--db-border-base);border-radius:8px;overflow:hidden}summary{padding:var(--db-padding-m);background-color:var(--db-surface-layer-1);color:var(--db-text-primary);font-weight:600;cursor:pointer;transition:background-color .3s ease}summary:hover{background-color:var(--db-surface-layer-2)}summary::-webkit-details-marker{color:var(--db-text-tertiary)}details[open] summary{border-bottom:1px solid var(--db-border-base)}details>div{padding:var(--db-padding-m);color:var(--db-text-primary)}mark{background-color:var(--color-foundation-yellow-200);color:var(--color-foundation-yellow-900);padding:var(--db-padding-xxs) var(--db-padding-xs);border-radius:3px}del,s{color:var(--db-text-tertiary);text-decoration:line-through}ins,u{color:var(--db-text-primary);text-decoration:underline}small{font-size:.875em;color:var(--db-text-tertiary)}big{font-size:1.125em;color:var(--db-text-primary)}cite{font-style:italic;color:var(--db-text-secondary)}time{color:var(--db-text-tertiary);font-size:.875em}address{font-style:normal;color:var(--db-text-secondary);margin:var(--db-margin-m) 0}article,section{margin-bottom:var(--db-margin-l)}figure{margin:var(--db-margin-l) 0;text-align:center}figcaption{margin-top:var(--db-margin-s);color:var(--db-text-secondary);font-size:.875em}video,audio{max-width:100%;border-radius:8px}canvas{border:1px solid var(--db-border-base);border-radius:8px}::selection{background-color:var(--db-brand-primary);color:var(--db-text-inverse-primary)}::-moz-selection{background-color:var(--db-brand-primary);color:var(--db-text-inverse-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--db-surface-layer-2);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--db-border-base);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--db-border-base)}.text-primary{color:var(--db-text-primary) !important}.text-secondary{color:var(--db-text-secondary) !important}.text-muted{color:var(--db-text-muted) !important}.text-disabled{color:var(--db-text-disabled) !important}.text-inverse{color:var(--db-text-inverse-primary) !important}.text-link{color:var(--db-text-link) !important}.text-success{color:var(--db-text-success) !important}.text-warning{color:var(--db-text-warning) !important}.text-error{color:var(--db-text-error) !important}.bg-primary{background-color:var(--db-bg-primary) !important}.bg-secondary{background-color:var(--db-bg-secondary) !important}.bg-tertiary{background-color:var(--db-bg-tertiary) !important}.bg-inverse{background-color:var(--db-bg-inverse) !important}.bg-success{background-color:var(--db-bg-success) !important}.bg-warning{background-color:var(--db-bg-warning) !important}.bg-error{background-color:var(--db-bg-error) !important}.bg-transparent{background-color:rgba(0,0,0,0) !important}.border-primary{border-color:var(--db-border-primary) !important}.border-secondary{border-color:var(--db-border-secondary) !important}.border-muted{border-color:var(--db-border-muted) !important}.border-focus{border-color:var(--db-border-focus) !important}.border-success{border-color:var(--db-border-success) !important}.border-warning{border-color:var(--db-border-warning) !important}.border-error{border-color:var(--db-border-error) !important}.text-xs{font-size:var(--db-text-xs) !important}.text-s{font-size:var(--db-text-s) !important}.text-m{font-size:var(--db-text-base) !important}.text-l{font-size:var(--db-text-l) !important}.text-xl{font-size:var(--db-text-xl) !important}.text-2xl{font-size:var(--db-text-2xl) !important}.text-3xl{font-size:var(--db-text-3xl) !important}.text-4xl{font-size:var(--db-text-4xl) !important}.font-light{font-weight:var(--db-weight-light) !important}.font-normal{font-weight:var(--db-weight-normal) !important}.font-medium{font-weight:var(--db-weight-medium) !important}.font-semibold{font-weight:var(--db-weight-semibold) !important}.font-bold{font-weight:var(--db-weight-bold) !important}.font-primary{font-family:var(--db-font-primary) !important}.font-mono{font-family:var(--db-font-mono) !important}.leading-none{line-height:var(--db-leading-none) !important}.leading-tight{line-height:var(--db-leading-tight) !important}.leading-snug{line-height:var(--db-leading-snug) !important}.leading-normal{line-height:var(--db-leading-normal) !important}.leading-relaxed{line-height:var(--db-leading-relaxed) !important}.leading-loose{line-height:var(--db-leading-loose) !important}.text-left{text-align:left !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-justify{text-align:justify !important}.no-underline{text-decoration:none !important}.underline{text-decoration:underline !important}.line-through{text-decoration:line-through !important}.uppercase{text-transform:uppercase !important}.lowercase{text-transform:lowercase !important}.capitalize{text-transform:capitalize !important}.normal-case{text-transform:none !important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block{display:block !important}.inline-block{display:inline-block !important}.inline{display:inline !important}.flex{display:flex !important}.inline-flex{display:inline-flex !important}.grid{display:grid !important}.hidden{display:none !important}.flex-row{flex-direction:row !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-col{flex-direction:column !important}.flex-col-reverse{flex-direction:column-reverse !important}.flex-wrap{flex-wrap:wrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-nowrap{flex-wrap:nowrap !important}.items-start{align-items:flex-start !important}.items-end{align-items:flex-end !important}.items-center{align-items:center !important}.items-baseline{align-items:baseline !important}.items-stretch{align-items:stretch !important}.justify-start{justify-content:flex-start !important}.justify-end{justify-content:flex-end !important}.justify-center{justify-content:center !important}.justify-between{justify-content:space-between !important}.justify-around{justify-content:space-around !important}.justify-evenly{justify-content:space-evenly !important}.flex-1{flex:1 1 0% !important}.flex-auto{flex:1 1 auto !important}.flex-initial{flex:0 1 auto !important}.flex-none{flex:none !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink{flex-shrink:1 !important}.flex-grow-0{flex-grow:0 !important}.flex-grow{flex-grow:1 !important}.static{position:static !important}.fixed{position:fixed !important}.absolute{position:absolute !important}.relative{position:relative !important}.sticky{position:sticky !important}.w-auto{width:auto !important}.w-full{width:100% !important}.w-screen{width:100vw !important}.w-min{width:min-content !important}.w-max{width:max-content !important}.w-fit{width:fit-content !important}.h-auto{height:auto !important}.h-full{height:100% !important}.h-screen{height:100vh !important}.h-min{height:min-content !important}.h-max{height:max-content !important}.h-fit{height:fit-content !important}.border{border:1px solid var(--db-border-primary) !important}.border-0{border:0 !important}.rounded-none{border-radius:var(--border-radius-none) !important}.rounded-sm{border-radius:var(--border-radius-sm) !important}.rounded{border-radius:var(--border-radius-base) !important}.rounded-md{border-radius:var(--border-radius-md) !important}.rounded-lg{border-radius:var(--border-radius-lg) !important}.rounded-xl{border-radius:var(--border-radius-xl) !important}.rounded-2xl{border-radius:var(--border-radius-2xl) !important}.rounded-3xl{border-radius:var(--border-radius-3xl) !important}.rounded-full{border-radius:var(--border-radius-full) !important}.shadow-none{box-shadow:var(--shadow-none) !important}.shadow-sm{box-shadow:var(--shadow-sm) !important}.shadow{box-shadow:var(--shadow-base) !important}.shadow-md{box-shadow:var(--shadow-md) !important}.shadow-lg{box-shadow:var(--shadow-lg) !important}.shadow-xl{box-shadow:var(--shadow-xl) !important}.shadow-2xl{box-shadow:var(--shadow-2xl) !important}.shadow-inner{box-shadow:var(--shadow-inner) !important}.overflow-auto{overflow:auto !important}.overflow-hidden{overflow:hidden !important}.overflow-visible{overflow:visible !important}.overflow-scroll{overflow:scroll !important}.overflow-x-auto{overflow-x:auto !important}.overflow-x-hidden{overflow-x:hidden !important}.overflow-x-visible{overflow-x:visible !important}.overflow-x-scroll{overflow-x:scroll !important}.overflow-y-auto{overflow-y:auto !important}.overflow-y-hidden{overflow-y:hidden !important}.overflow-y-visible{overflow-y:visible !important}.overflow-y-scroll{overflow-y:scroll !important}.cursor-auto{cursor:auto !important}.cursor-default{cursor:default !important}.cursor-pointer{cursor:pointer !important}.cursor-wait{cursor:wait !important}.cursor-text{cursor:text !important}.cursor-move{cursor:move !important}.cursor-help{cursor:help !important}.cursor-not-allowed{cursor:not-allowed !important}.select-none{user-select:none !important}.select-text{user-select:text !important}.select-all{user-select:all !important}.select-auto{user-select:auto !important}.pointer-events-none{pointer-events:none !important}.pointer-events-auto{pointer-events:auto !important}.resize-none{resize:none !important}.resize{resize:both !important}.resize-x{resize:horizontal !important}.resize-y{resize:vertical !important}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.focus-ring:focus{outline:2px solid var(--db-border-focus) !important;outline-offset:2px !important} .color-text-primary{color:var(--db-color-primary)}button,input,select,optgroup,textarea,h1,h2,h3,h4,h5,h6,a:active,a:focus,a:hover strong,div,p,blockquote,q,code{color:var(--db-text-primary)}button a,input a,select a,optgroup a,textarea a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,a:active a,a:focus a,a:hover strong a,div a,p a,blockquote a,q a,code a{color:inherit}.disclaimer,kbd,tt,var,a,a:visited{color:var(--db-text-secondary)}label{color:var(--db-text-secondary)}code{background-color:var(--db-surface-layer-2);border-radius:var(--db-radius-s);padding:2px 4px}kbd,tt,var,abbr,acronym{color:var(--db-text-secondary)}mark{color:var(--db-color-primary);background:var(--db-color-primary-20)}.wp-block-separator,hr{background-color:var(--db-border-base)}.icon{color:var(--db-icon-default)}body.dark-mode button.input-search-icon,.darkmode--activated button.input-search-icon{background-image:url(../9a51b8d55567a413020c.svg)}*{-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}li>ul,li>ol{margin-bottom:0}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}pre{line-height:1.8;padding:20px;font-size:1rem;margin:var(--db-margin-m) 0}table{border-collapse:collapse;border-spacing:0}::-webkit-input-placeholder{color:inherit;opacity:.54}::-moz-selection,::selection,::-moz-selection{background:var(--db-color-primary);color:var(--db-text-inverse-primary)}.wp-block-separator,hr{border:0;height:1px;margin-bottom:var(--db-margin-l)}ul,ol{margin:0;padding:0;list-style:none}article li>ul,article li>ol{margin-bottom:0;margin-left:16px}dl{margin:0}dt{font-weight:bold}dd{margin:0}img{display:block;height:auto;max-width:100%;width:100%}caption,th{font-weight:bold}caption{color:var(--db-text-tertiary)}body{position:relative;overflow-x:hidden;isolation:isolate;width:100%;margin:0 auto;background-color:var(--db-bg-secondary)}.flex{gap:var(--db-gap-s);display:flex;align-items:center;flex-direction:row}main.site-main{position:relative;width:100%;min-height:calc(100vh - 80px)}.app-container{position:relative}section{position:relative;padding:60px 0;width:100%;overflow:hidden;z-index:0}.container{position:relative;width:100%;max-width:1360px;padding:0 40px;margin:auto}.container-full{max-width:100%;padding:0 40px;margin:auto}.narrow-container{max-width:760px;padding:0 20px;margin:auto}.grid{display:grid;display:-ms-grid;gap:20px;align-content:start;align-items:stretch}.grid-8{grid-template-columns:repeat(8, 1fr);-ms-grid-columns:repeat(8, 1fr)}.grid-6{grid-template-columns:repeat(6, 1fr);-ms-grid-columns:repeat(6, 1fr)}.grid-5{grid-template-columns:repeat(5, 1fr);-ms-grid-columns:repeat(5, 1fr)}.grid-4{grid-template-columns:repeat(4, 1fr);-ms-grid-columns:repeat(4, 1fr)}.grid-4>*{min-width:0;width:100%}.grid-3{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr)}.grid-2{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid article{margin:initial}.grid-checkout{display:grid;display:-ms-grid;grid-template-columns:1fr 360px;-ms-grid-columns:1fr 360px;gap:var(--db-gap-xl)}.grid-forum{display:grid;display:-ms-grid;grid-template-columns:1fr 280px;-ms-grid-columns:1fr 280px;gap:var(--db-gap-xl)}.grid-archive{display:grid;display:-ms-grid;grid-template-columns:1fr;-ms-grid-columns:1fr;display:block;min-height:100vh}.grid-single{display:grid;display:-ms-grid;grid-template-columns:1fr;-ms-grid-columns:1fr;padding-top:90px}.grid-signin{width:100%;display:grid;display:-ms-grid;gap:0;grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-course-archive{width:100%;max-width:1800px;margin:auto;gap:var(--db-gap-xl);display:grid;display:-ms-grid}.grid-course{width:100%;margin:auto;gap:var(--db-gap-l);display:grid;padding-top:90px;display:-ms-grid;grid-template-columns:200px 1fr;-ms-grid-columns:200px 1fr}.grid-course .content-area{width:100%}.grid-tools{width:100%;max-width:1920px;margin:auto;display:flex;align-items:start}.grid-tools .content-area{padding:var(--db-padding-m);border-right:1px solid var(--db-border-base)}.grid-tools .fixed-area{position:sticky;top:56px;padding:var(--db-padding-m)}.grid-gradient .content-area{width:100%}.grid-controls{width:100%;max-width:1800px;margin:auto;gap:var(--db-gap-xl);display:grid;display:-ms-grid;grid-template-columns:280px 1fr;-ms-grid-columns:280px 1fr;align-items:start}.grid-controls .content-area{width:100%}.grid-dashboard{width:100%;max-width:1240px;margin:auto;gap:var(--db-gap-xl);display:grid;padding:0 20px;display:-ms-grid;grid-template-columns:200px 1fr;-ms-grid-columns:200px 1fr}.grid-dashboard .content-area{width:100%}.grid-cart{display:grid;display:-ms-grid;grid-template-columns:1fr 320px;-ms-grid-columns:1fr 320px}.row{margin-right:-12px;margin-left:-12px;font-size:0}.db-col-2,.db-col-3,.db-col-4,.db-col-5,.db-col-6,.db-col-7,.db-col-8,.db-col-9,.db-col-12{position:relative;min-height:1px;display:inline-block;padding-left:12px;padding-right:12px;vertical-align:top}.db-col-2{width:16.66666667%}.db-col-3{width:25%}.db-col-4{width:33.33333333%}.db-col-5{width:41.66666667%}.db-col-6{width:50%}.db-col-7{width:58.3333333%}.db-col-8{width:66.66666667%}.db-col-9{width:75%}.db-col-12{width:100%}.mo-none{display:block}@media only screen and (max-width: 1600px){.container-full{padding:0 20px}section{padding:60px 0}.grid-8{grid-template-columns:repeat(6, 1fr);-ms-grid-columns:repeat(6, 1fr)}.grid-6{grid-template-columns:repeat(5, 1fr);-ms-grid-columns:repeat(5, 1fr)}.grid-5{grid-template-columns:repeat(5, 1fr);-ms-grid-columns:repeat(5, 1fr)}.grid-4{grid-template-columns:repeat(4, 1fr);-ms-grid-columns:repeat(4, 1fr)}.grid-3{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr)}.grid-2{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}}@media only screen and (max-width: 1280px){.container-full{padding:0 20px}.grid-8{grid-template-columns:repeat(4, 1fr);-ms-grid-columns:repeat(4, 1fr)}.grid-6{grid-template-columns:repeat(4, 1fr);-ms-grid-columns:repeat(4, 1fr)}.grid-5{grid-template-columns:repeat(4, 1fr);-ms-grid-columns:repeat(4, 1fr)}.grid-4{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr)}.grid-3{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr)}.grid-2{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-course{display:grid;display:-ms-grid;gap:24px;grid-template-columns:200px 1fr;-ms-grid-columns:200px 1fr}}@media only screen and (max-width: 1024px){.container{padding:0 24px}section{padding:40px 0}.grid{gap:24px}.grid-8{grid-template-columns:repeat(4, 1fr);-ms-grid-columns:repeat(4, 1fr)}.grid-6{grid-template-columns:repeat(4, 1fr);-ms-grid-columns:repeat(4, 1fr)}.grid-5{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr)}.grid-4{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr)}.grid-3{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-2{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-signin{grid-template-columns:320px 1fr;-ms-grid-columns:320px 1fr}.grid-single{grid-template-columns:1fr;-ms-grid-columns:1fr}.grid-cart{grid-template-columns:1fr;-ms-grid-columns:1fr}.grid-course{grid-template-columns:172px 1fr;-ms-grid-columns:172px 1fr}}@media only screen and (max-width: 820px){.grid-course{grid-template-columns:1fr;-ms-grid-columns:1fr;padding:0;gap:0;padding-top:56px}.grid-course .grid-archive,.grid-course .content-area{padding:24px}.grid-course .grid-archive .post-filter-wrap,.grid-course .content-area .post-filter-wrap{margin:0}.grid-single{padding-top:56px}.grid-signin{grid-template-columns:1fr;-ms-grid-columns:1fr}.grid-tools{flex-direction:column-reverse}.grid-tools .content-area{border-right:none;border-top:1px solid var(--db-border-base)}.grid-tools .fixed-area{position:relative;top:0}.mo-only{display:block}.container-full{padding:0 20px}.post .container-full{padding:0}.grid{gap:16px}.grid-8{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr)}.grid-6{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr)}.grid-5{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-4{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-3{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-2{grid-template-columns:repeat(2, 1fr)}.container{padding:0 24px}.row{margin-right:-8px;margin-left:-8px}.db-col-2,.db-col-3,.db-col-4,.db-col-5,.db-col-6,.db-col-7,.db-col-8,.db-col-12{padding-left:8px;padding-right:8px}.db-col-9{width:100%}.db-col-8{width:100%}.db-col-6{width:100%}.db-col-4{width:50%}.db-col-3{width:33.3333%}.mo-padding-0{padding:0 !important}}@media only screen and (max-width: 767px){section{padding:30px 0}.container-full{padding:0 16px}.container{width:100%;max-width:100%;min-width:320px;padding:0 16px}.row{margin-left:-8px;margin-right:-8px}.designbase-layout-featured .container{padding:0}.pc-only{display:none}.mo-only{display:block}.mo-none{display:none}.grid-dashboard{display:grid;display:-ms-grid;grid-template-columns:1fr;-ms-grid-columns:1fr;display:block}.grid-archive{display:grid;display:-ms-grid;grid-template-columns:1fr;-ms-grid-columns:1fr;display:block}.grid-course{padding-top:48px}.grid-course .grid-archive,.grid-course .content-area{padding:16px}.grid-single{display:grid;display:-ms-grid;grid-template-columns:1fr;-ms-grid-columns:1fr;display:block;padding-top:48px}.section-freebies .grid-5{grid-template-columns:repeat(2, 1fr)}.contents-list .grid-4,.section-recentpost .grid-4,.posts-wrap .grid-4{grid-template-columns:repeat(2, 1fr)}.grid{gap:12px}.grid-8{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-6{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-5{grid-template-columns:repeat(2, 1fr)}.grid-4{grid-template-columns:repeat(2, 1fr)}.grid-3{grid-template-columns:repeat(1, 1fr)}.grid-2{grid-template-columns:repeat(1, 1fr)}.digital-product-related-section .grid-4,.section-digital-product .grid-4{grid-template-columns:repeat(1, 1fr)}.page-template-page-gradient-generator .grid-3{grid-template-columns:repeat(2, 1fr)}.blog .grid-4,.category .grid-4{grid-template-columns:repeat(2, 1fr)}.events-archive-list .db-col-3{width:100%}.db-col-2,.db-col-3,.db-col-4,.db-col-5,.db-col-6,.db-col-7,.db-col-8,.db-col-9{padding-left:8px;padding-right:8px}.db-col-4{width:100%}.db-col-6{width:100%}.db-col-9{width:100%}.db-col-3{width:50%}.mo-padding-0{padding:0 !important}}.v-center-parent{display:table;height:100%}.v-center{position:relative;display:table-cell;vertical-align:middle}html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:var(--db-font-primary);font-size:var(--db-text-base);line-height:var(--db-leading-relaxed);-ms-overflow-style:none;overflow:auto}body,button,input,select,optgroup,textarea{line-height:var(--db-leading-relaxed)}h1,h2,h3,h4,h5,h6{clear:both;font-weight:var(--db-weight-bold);line-height:var(--db-leading-snug);word-break:keep-all;margin-bottom:var(--db-margin-s)}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{font-size:var(--db-text-6xl)}h2{font-size:var(--db-text-5xl);font-size:2.25rem}h3{font-size:var(--db-text-3xl);font-size:1.75rem}h4{font-size:var(--db-text-2xl);font-size:1.5rem;line-height:var(--db-leading-normal)}h5{font-size:var(--db-text-l);font-size:1.25rem;line-height:var(--db-leading-normal)}h6{font-size:var(--db-text-l)}p{font-size:var(--db-text-l);line-height:var(--db-leading-relaxed);margin-bottom:var(--db-margin-m);font-weight:var(--db-weight-normal);word-break:keep-all}.disclaimer{font-size:var(--db-text-s);opacity:var(--db-opacity-hover);text-transform:initial}a,a:visited{text-decoration:none;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}a:active,a:focus,a:hover{outline:0;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}dfn,cite,em,i{font-style:italic}blockquote,q{quotes:none;margin:var(--db-margin-l) 0;display:block;width:100%;border:none;padding:0 var(--db-padding-m);font-size:var(--db-text-l);text-align:left;line-height:var(--db-leading-normal);border-left:2px solid var(--db-border-base)}address{margin:0 0 1.5em}pre.wp-block-code{font-size:var(--db-text-base);line-height:var(--db-leading-normal);margin-bottom:var(--db-margin-m);border-radius:var(--db-radius-s);max-width:100%;overflow:auto;padding:var(--db-padding-m)}code{font-size:inherit}kbd,tt,var{font-size:inherit}abbr,acronym{border:none;cursor:help}mark{text-decoration:none}big{font-size:125%}.pc-only{display:block}.mo-only{display:none}.single-line-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.two-lines-ellipsis{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@media only screen and (max-width: 820px){h1{font-size:40px}h2{font-size:32px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}p{font-size:16px}}@media only screen and (max-width: 767px){blockquote{font-size:18px;line-height:1.6}h1{font-size:32px}h2{font-size:26px}h3{font-size:22px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.disclaimer{font-size:var(--db-text-xs)}}.clear:before,.clear:after,.row:before,.row:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:after,.site-footer:before{display:table;content:"";table-layout:fixed}.clear:after,.row:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after{clear:both}hr.clear,.clear{border:none;height:0;background:rgba(0,0,0,0);margin:0;padding:0;clear:both}.ani-rotation{animation-duration:9s;animation-name:rotation;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes db-anim-rotation{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes db-anim-spin{0%{--rotate: 0deg}100%{--rotate: 360deg}}@keyframes db-anim-rotate-icon{100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes db-anim-rotate-icon{100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes db-anim-float-x{0%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}50%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes db-anim-float-x{0%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}50%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@-webkit-keyframes db-anim-float-y{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes db-anim-float-y{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes db-anim-scroll-x{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes db-anim-marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes db-anim-gradient-text{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes db-anim-gradient-float{0%,100%{transform:translate(0, 0) scale(1);opacity:1}25%{transform:translate(50px, -30px) scale(1.1);opacity:1}50%{transform:translate(-30px, 50px) scale(0.9);opacity:1}75%{transform:translate(30px, -20px) scale(1.05);opacity:1}}@keyframes db-anim-gradient-move-left{0%,100%{transform:translate(0, 0) scale(1);opacity:1}33%{transform:translate(100px, -50px) scale(1.2);opacity:1}66%{transform:translate(-50px, 100px) scale(0.8);opacity:1}}@keyframes db-anim-gradient-move-right{0%,100%{transform:translate(0, 0) scale(1);opacity:1}25%{transform:translate(-80px, -60px) scale(1.1);opacity:.7}50%{transform:translate(60px, 80px) scale(0.9);opacity:1}75%{transform:translate(-40px, -40px) scale(1.05);opacity:.5}}@keyframes db-anim-new-mark-blink{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1)}100%{opacity:1;transform:scale(1)}}@keyframes db-anim-pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes db-anim-pulse-badge{0%,100%{box-shadow:0 2px 8px rgba(var(--db-color-primary-rgb, 0, 79, 255), 0.4)}50%{box-shadow:0 2px 12px rgba(var(--db-color-primary-rgb, 0, 79, 255), 0.6)}}@keyframes db-anim-spin-border{0%{--rotate: 0deg}100%{--rotate: 360deg}}@keyframes db-anim-fade-out{to{opacity:0;visibility:hidden}}@keyframes db-anim-slide-up-fade-out{to{transform:translateY(-105vh)}}@keyframes db-anim-lightbox-fade-in{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}@keyframes db-anim-scale-up{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes db-anim-fill{from{width:0%}to{width:100%}}.animate-fl-x{-webkit-animation-name:db-anim-float-x;animation-name:db-anim-float-x;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.animate-fl-y{-webkit-animation-name:db-anim-float-y;animation-name:db-anim-float-y;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}.screen-reader-text:focus{background-color:var(--db-bg-secondary);border-radius:3px;box-shadow:0 0 2px 2px var(--db-shadow-sm);clip:auto !important;clip-path:none;color:var(--db-text-primary);display:block;font-size:14px;font-weight:bold;height:auto;left:5px;line-height:normal;padding:var(--db-padding-m) var(--db-padding-l) var(--db-padding-s);text-decoration:none;top:5px;width:auto;z-index:100000}#content[tabindex="-1"]:focus{outline:0}@property --rotate{syntax:"";initial-value:132deg;inherits:false}.scroll-width{position:fixed;left:0;top:0;height:3px;background:var(--db-color-tertiary);z-index:1000}#local-nav{position:absolute;width:100%;z-index:999;opacity:0;top:-100%;visibility:hidden;padding:var(--db-padding-m);padding-bottom:0;transition:.3s}#local-nav.fixed{top:0;left:0;position:fixed !important;opacity:1;visibility:visible}#local-nav .sub-navigation{position:relative;display:flex;width:100%;gap:var(--db-padding-s);padding:var(--db-padding-xs);margin:auto;justify-content:space-between;align-items:center;z-index:100;max-width:760px;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);-webkit-transition:.2s;-o-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;transition:.2s;background-color:var(--db-surface-alpha-70)}@supports(-webkit-backdrop-filter: initial) or (backdrop-filter: initial){#local-nav .sub-navigation{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}}@supports not ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)){#local-nav .sub-navigation{filter:blur(24px);-webkit-filter:blur(24px);-moz-filter:blur(24px);-o-filter:blur(24px);-ms-filter:blur(24px);background-color:var(--db-surface-base)}}#local-nav .sub-navigation::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;z-index:0;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);overflow:hidden}#local-nav .page-title{font-size:18px;line-height:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:100%;text-align:center}.site-header{position:absolute;top:0;left:0;width:100%;z-index:900;padding:var(--db-padding-s)}.site-header .nav-content{position:relative;display:flex;max-width:100%;gap:var(--db-padding-m);margin:auto;padding:var(--db-padding-m);width:100%;justify-content:space-between;z-index:100;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);-webkit-transition:.2s;-o-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;transition:.2s}.site-header.fixed{position:fixed !important}.site-header.hidden{opacity:0 !important;visibility:hidden !important}.site-header.sticky{position:fixed !important;top:0;left:0;margin:0 auto}.site-header.sticky .nav-content{max-width:760px;box-shadow:0 2px 12px rgba(0,0,0,.05)}.site-header.sticky .nav-content::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;z-index:0;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);overflow:hidden;background-color:var(--db-surface-alpha-70)}@supports(-webkit-backdrop-filter: initial) or (backdrop-filter: initial){.site-header.sticky .nav-content::before{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}}@supports not ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)){.site-header.sticky .nav-content::before{filter:blur(24px);-webkit-filter:blur(24px);-moz-filter:blur(24px);-o-filter:blur(24px);-ms-filter:blur(24px);background-color:var(--db-surface-base)}}.site-header .site-branding{display:block;z-index:21;width:132px;height:32px;flex-shrink:0}.site-header .site-logo{width:100%;height:inherit;background:url(../1f4dc9fbd00098a50a41.svg) no-repeat center;background-size:contain;-webkit-transition:opacity .3s;-o-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;transition:opacity .3s}.site-header .site-logo.white{background:url(../f63e4335933a4d9b333f.svg) no-repeat center;background-size:contain}[data-theme=dark] .site-header .site-logo{background:url(../f63e4335933a4d9b333f.svg) no-repeat center;background-size:contain}.site-header .button.menu-item{flex-shrink:0}.site-header #nav-dropdown{position:absolute;right:0;top:0}.site-header .nav-more{width:32px;height:32px;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);background:url(../452f7bb35e1725ca1918.svg) no-repeat center;background-size:contain}.site-header .dropdown-content{width:200px}.site-navigation{position:relative;display:flex;justify-content:flex-end;margin:0;flex:1;gap:var(--db-padding-xl);height:var(--db-size-control-m);line-height:var(--db-size-control-m);z-index:20;visibility:visible;opacity:1;visibility:visible;-webkit-transition:opacity .3s;-o-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;transition:opacity .3s}.site-navigation .gnb>ul,.site-navigation>ul{list-style:none;display:flex;gap:var(--db-gap-xs);justify-content:flex-end}.site-navigation .gnb>ul>li,.site-navigation>ul>li{display:inline-block;position:relative;flex-shrink:0}.site-navigation .gnb>ul>li.button,.site-navigation>ul>li.button{padding:0 var(--db-padding-xs)}.site-navigation .gnb>ul>li.button a,.site-navigation>ul>li.button a{font-size:14px;color:var(--db-text-inverse-primary) !important}.site-navigation .gnb>ul>li.button a:hover,.site-navigation>ul>li.button a:hover{color:var(--db-text-inverse-primary) !important}.site-navigation .gnb>ul>li.current-menu-item.button a,.site-navigation .gnb>ul>li.current-menu-item.button a:hover,.site-navigation>ul>li.current-menu-item.button a,.site-navigation>ul>li.current-menu-item.button a:hover{color:var(--db-text-inverse-primary) !important}.site-navigation .gnb>ul>li.current-menu-item.button a::before,.site-navigation .gnb>ul>li.current-menu-item.button a:hover::before,.site-navigation>ul>li.current-menu-item.button a::before,.site-navigation>ul>li.current-menu-item.button a:hover::before{animation:db-anim-spin 10s linear infinite}.site-navigation .gnb>ul>li>a,.site-navigation>ul>li>a{font-size:15px;position:relative;display:flex;align-items:center;padding:0 var(--db-padding-xs);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);color:var(--db-text-secondary)}.site-navigation .gnb>ul>li>a:hover,.site-navigation>ul>li>a:hover{color:var(--db-text-primary);background-color:rgba(var(--db-color-primary), 0.1)}.site-navigation .gnb>ul>li>a::before,.site-navigation .gnb>ul>li>a::after,.site-navigation>ul>li>a::before,.site-navigation>ul>li>a::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.site-navigation .gnb>ul>li>a::before,.site-navigation>ul>li>a::before{z-index:-1;padding:1px;background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-bg-primary), var(--db-bg-tertiary) 40%, var(--db-bg-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.site-navigation .gnb>ul>li>a:hover,.site-navigation>ul>li>a:hover{background-color:var(--db-color-primary-20)}.site-navigation .gnb>ul>li>a:hover::before,.site-navigation>ul>li>a:hover::before{opacity:1}.site-navigation .gnb>ul>li>a i[class^=icon-chevron],.site-navigation>ul>li>a i[class^=icon-chevron]{display:inline-block;margin-left:4px;font-size:16px;transition:transform .3s ease}@media only screen and (max-width: 767px){.site-navigation .gnb>ul>li>a i[class^=icon-chevron],.site-navigation>ul>li>a i[class^=icon-chevron]{display:none}}.site-navigation .gnb>ul>li .toggle-btn,.site-navigation>ul>li .toggle-btn{display:none}.site-navigation .gnb>ul>li .toggle-btn i[class^=icon-chevron],.site-navigation>ul>li .toggle-btn i[class^=icon-chevron]{font-size:24px}.site-navigation .gnb>ul>li.menu-item-has-children:hover>a i[class^=icon-chevron],.site-navigation>ul>li.menu-item-has-children:hover>a i[class^=icon-chevron]{transform:rotate(180deg)}.site-navigation .gnb>ul>li.current-post-ancestor>a,.site-navigation .gnb>ul>li.current-menu-item>a,.site-navigation .gnb>ul>li.current-menu-parent>a,.site-navigation>ul>li.current-post-ancestor>a,.site-navigation>ul>li.current-menu-item>a,.site-navigation>ul>li.current-menu-parent>a{color:var(--db-text-primary);background-color:var(--db-color-primary-20)}.site-navigation .gnb>ul>li.current-post-ancestor>a::before,.site-navigation .gnb>ul>li.current-menu-item>a::before,.site-navigation .gnb>ul>li.current-menu-parent>a::before,.site-navigation>ul>li.current-post-ancestor>a::before,.site-navigation>ul>li.current-menu-item>a::before,.site-navigation>ul>li.current-menu-parent>a::before{opacity:.5}.site-navigation .gnb>ul>li ul,.site-navigation>ul>li ul{background:var(--db-bg-primary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);position:absolute;z-index:9999;visibility:hidden;opacity:0;overflow:hidden;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;transition:.3s;right:0;top:60px;width:160px}.site-navigation .gnb>ul>li ul li a,.site-navigation>ul>li ul li a{text-align:left;display:block;padding:var(--db-padding-m);height:auto;line-height:1;font-size:15px}.site-navigation .gnb>ul>li ul li.menu-item-has-children,.site-navigation>ul>li ul li.menu-item-has-children{position:relative}.site-navigation .gnb>ul>li ul li.current-menu-item a,.site-navigation .gnb>ul>li ul li:hover a,.site-navigation>ul>li ul li.current-menu-item a,.site-navigation>ul>li ul li:hover a{color:var(--db-text-primary);background-color:var(--db-bg-secondary)}.site-navigation .gnb>ul>li.focus>ul,.site-navigation .gnb>ul>li:hover>ul,.site-navigation>ul>li.focus>ul,.site-navigation>ul>li:hover>ul{opacity:1;top:100%;visibility:visible}.site-navigation .gnb>ul>li.focus>ul li.focus>ul,.site-navigation .gnb>ul>li.focus>ul li:hover>ul,.site-navigation .gnb>ul>li:hover>ul li.focus>ul,.site-navigation .gnb>ul>li:hover>ul li:hover>ul,.site-navigation>ul>li.focus>ul li.focus>ul,.site-navigation>ul>li.focus>ul li:hover>ul,.site-navigation>ul>li:hover>ul li.focus>ul,.site-navigation>ul>li:hover>ul li:hover>ul{left:100%;opacity:1;top:0;visibility:visible}.new-menu a::after{content:"New";font-size:10px;line-height:1;font-weight:bold;color:var(--db-color-primary);animation:db-anim-new-mark-blink 1s infinite;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);padding:0;display:inline-block;position:absolute;left:4px;top:-4px;z-index:1}.cart-dropdown-menu{min-width:320px}.cart-dropdown-menu li{position:relative;display:flex;margin-bottom:var(--db-margin-m)}.cart-dropdown-menu li a{display:flex;gap:var(--db-gap-m);color:var(--db-text-primary)}.cart-dropdown-menu li a img{display:block;width:64px;border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s)}.cart-dropdown-menu li a .product-price{font-size:15px;font-weight:bold;line-height:1;color:var(--db-text-secondary)}.cart-dropdown-menu li .empty-text{text-align:center;padding:var(--db-padding-m);font-size:15px;color:var(--db-text-secondary);width:100%;margin-bottom:var(--db-margin-m)}.cart-dropdown-menu li .remove{position:absolute;right:0;width:20px;height:20px;background-color:var(--db-bg-primary)}.cart-dropdown-menu li .remove .icon-close{font-size:12px}.cart-dropdown-menu .cart-btns{width:100%;padding-top:12px;margin-top:var(--db-margin-m);border-top:1px solid var(--db-border-base)}.cart-dropdown-menu .cart-btns .inline-btns a{width:50%}.search-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;text-decoration:none;color:var(--db-text-secondary);transition:all .3s ease;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.search-btn i{font-size:20px;color:inherit}.search-btn:hover{background-color:var(--db-bg-secondary);color:var(--db-text-primary)}.search-btn.active i::before{content:""}.nav-right-wrap{display:flex;flex-direction:row;align-items:center;gap:var(--db-padding-l);z-index:21}.menu-btn{display:none !important;position:absolute;right:0;top:0;width:48px;height:48px;align-items:center;justify-content:center;cursor:pointer;z-index:9999}.menu-btn.active .menu-icon .bar1,.menu-btn.active .menu-icon .bar2{transition:top .3s,bottom .3s,transform .3s ease-in-out .1s}.menu-btn.active .menu-icon .bar1{top:11px;transform:rotate(45deg)}.menu-btn.active .menu-icon .bar2{bottom:11px;transform:rotate(-45deg)}.menu-btn .menu-icon{position:relative;height:24px;width:24px;display:block}.menu-btn .menu-icon .bar1,.menu-btn .menu-icon .bar2{position:absolute;height:2px;left:2px;width:20px;background:var(--db-icon-default);transition:all .2s}.menu-btn .menu-icon .bar1{top:7px}.menu-btn .menu-icon .bar2{bottom:7px}.nav-utils{position:relative;display:flex;gap:var(--db-margin-s)}.user-profile{display:flex;align-items:center;justify-content:center}.user-profile .user-avatar{width:32px;height:32px;background:var(--db-bg-tertiary) url(../1f4dc9fbd00098a50a41.svg) no-repeat center;overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%}.user-profile .username{line-height:1.2;font-weight:bold;color:var(--db-text-secondary)}.user-profile .user-info-wrap .user-email{font-size:12px;color:var(--db-text-tertiary)}.user-profile .quick-menu{margin-top:var(--db-margin-m);padding-top:var(--db-padding-s);border-top:1px solid var(--db-border-base)}.user-profile .quick-menu li a{display:block;opacity:1}.user-profile .quick-menu li a:hover{opacity:.7}.user-profile .quick-menu hr{margin:var(--db-margin-m) 0}.course-menu{display:block;width:100%;padding:var(--db-padding-m) !important;background-color:#fff;border-bottom:1px solid var(--db-border-base)}.course-menu ul{margin:auto;text-align:center}.course-menu ul li{display:inline-block}.course-menu ul li>a{font-size:14px;position:relative;display:block;padding:var(--db-padding-xxs) var(--db-padding-xs);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);color:var(--db-text-secondary)}.course-menu ul li>a:hover{color:var(--db-text-primary)}.course-menu ul li.current-category-ancestor>a,.course-menu ul li.current-menu-item>a{color:var(--db-text-primary);background-color:var(--db-bg-secondary)}@media only screen and (max-width: 820px){.site-header{padding:0}.site-header.fixed>.container{border-bottom:1px solid var(--db-border-base);border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0}.site-header.sticky .nav-content{border:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;max-width:100%}.site-header.sticky .nav-content::before{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0}.site-header .nav-content{padding:var(--db-padding-m);border:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0}.site-header .nav-content::before{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0}}@media only screen and (max-width: 767px){.nav-right-wrap{gap:0}.menu-btn{position:absolute;display:flex !important}.new-menu a::after{position:relative;left:0;margin-left:var(--db-padding-xs);top:-4px}.site-header .site-branding{height:48px;margin-left:var(--db-padding-m)}.site-header .nav-content{padding:0}.site-header .button.menu-item{display:none}.site-header .button.type-icon{width:48px}.site-header .user-profile{width:48px;height:48px}.site-header .user-profile .user-avatar{width:24px;height:24px}.site-navigation{position:fixed;width:100%;height:100vh;top:0;left:0;z-index:20;pointer-events:none}.site-navigation.active{opacity:1;pointer-events:auto}.site-navigation.active>ul{justify-content:start;height:100vh;background-color:var(--db-surface-alpha-70);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);visibility:visible;opacity:1}.site-navigation.active li{opacity:1;transform:translateY(0)}.site-navigation.active li:nth-child(1){transition-delay:.2s}.site-navigation.active li:nth-child(2){transition-delay:.3s}.site-navigation.active li:nth-child(3){transition-delay:.4s}.site-navigation.active li:nth-child(4){transition-delay:.5s}.site-navigation.active li:nth-child(5){transition-delay:.6s}.site-navigation.active li:nth-child(6){transition-delay:.7s}.site-navigation.active li:nth-child(7){transition-delay:.8s}.site-navigation.active li:nth-child(8){transition-delay:.9s}.site-navigation.active li:nth-child(9){transition-delay:1s}.site-navigation.active li:nth-child(10){transition-delay:1.1s}.site-navigation.active li:nth-child(11){transition-delay:1.2s}.site-navigation>ul{position:absolute;width:100%;height:0;flex-direction:column;overflow-y:scroll;padding:48px var(--db-padding-m);visibility:hidden;z-index:10;background-color:rgba(0,0,0,0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);-webkit-transition:.3s cubic-bezier(0.4, 0, 0.6, 1);-o-transition:.3s cubic-bezier(0.4, 0, 0.6, 1);-moz-transition:.3s cubic-bezier(0.4, 0, 0.6, 1);-ms-transition:.3s cubic-bezier(0.4, 0, 0.6, 1);transition:.3s cubic-bezier(0.4, 0, 0.6, 1);opacity:0}.site-navigation>ul li{position:relative;opacity:0;transform:translateY(-12px);transition:.4s cubic-bezier(0.4, 0, 0.6, 1);transition-delay:.1s}.site-navigation>ul li .sub-menu.show{display:block !important}.site-navigation>ul li a{position:relative;display:block;text-align:left;font-size:20px;font-weight:bold;line-height:1;padding:var(--db-padding-m);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);color:var(--db-text-secondary);opacity:1}.site-navigation>ul li a .dropdown-arrow{display:none}.site-navigation>ul li a:hover{opacity:1;background-color:rgba(0,0,0,0)}.site-navigation>ul li.button{height:auto;line-height:auto;margin-top:var(--db-margin-l);padding:0;display:block;border:none;transition-delay:.7s}.site-navigation>ul li.button a{padding:var(--db-padding-xs);color:var(--db-text-inverse-primary);text-align:center}.site-navigation>ul li.current-menu-item>a,.site-navigation>ul li.current-post-ancestor>a,.site-navigation>ul li.current-menu-parent>a{opacity:1;box-shadow:none}.site-navigation>ul li .sub-menu{position:relative;top:0 !important;width:100%;border:none;padding:0;display:none;margin-left:0;margin-bottom:var(--db-margin-m);background-color:rgba(0,0,0,0)}.site-navigation>ul li .sub-menu li{border-bottom:none}.site-navigation>ul li .sub-menu li.current-menu-item>a{color:var(--db-text-primary);background-color:var(--db-bg-secondary)}.site-navigation>ul li .sub-menu li a{font-size:16px;padding:var(--db-padding-m)}.site-navigation .toggle-btn{position:absolute;top:0;right:0;width:44px;height:44px;display:flex !important;align-items:center;justify-content:center;background:rgba(0,0,0,0);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);z-index:1;transition:.3s}.site-navigation .toggle-btn i{transform:rotate(0deg);transition:transform .3s ease}.site-navigation .toggle-btn.show i{transform:rotate(180deg)}#local-nav{padding:0}#local-nav .sub-navigation{gap:var(--db-padding-s);padding:0;border-radius:0}#local-nav .page-title{font-size:18px;line-height:48px}}.breadcrumb{position:relative;display:block;z-index:20}.breadcrumb .flex-wrap{display:flex;padding:var(--db-padding-m);width:100%;background:var(--db-bg-primary);padding:var(--db-padding-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);position:relative}.breadcrumb .flex-wrap::before,.breadcrumb .flex-wrap::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.breadcrumb .flex-wrap::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.breadcrumb .flex-wrap:hover::before{opacity:1}.breadcrumb span{color:var(--db-text-secondary);font-size:14px;line-height:20px;opacity:.6}.breadcrumb a{font-size:14px;line-height:20px;color:var(--db-text-secondary);text-decoration:none}.breadcrumb a:hover{color:var(--db-color-primary);text-decoration:none;opacity:1}.breadcrumb .arrow{display:inline-block;width:20px;height:20px;margin:0 var(--db-margin-xxs);background:url(../0eb0bab24485acc38c7b.svg) no-repeat center;background-size:12px;opacity:.6}@media only screen and (max-width: 820px){.breadcrumb{display:none}}.widget-title{font-size:24px;color:var(--db-text-secondary)}#sidebar-menu{width:100%;height:100%;z-index:102;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}#sidebar-menu::-webkit-scrollbar{display:none}#sidebar-menu .sticky-wrap{overflow-y:auto;padding-bottom:var(--db-padding-xl);-ms-overflow-style:none;scrollbar-width:none}#sidebar-menu .sticky-wrap::-webkit-scrollbar{display:none}#sidebar-menu .widget-wrap{padding:var(--db-padding-s);background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}#sidebar-menu .category-wrap:last-child{border-bottom:none}#sidebar-menu .category-wrap li{display:block;margin-bottom:var(--db-margin-xs);transition:.3s;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}#sidebar-menu .category-wrap li.current_category a{background-color:rgba(var(--db-color-primary), 0.08);color:var(--db-text-primary);font-weight:bold}#sidebar-menu .category-wrap li.current_category a::before{opacity:.5}#sidebar-menu .category-wrap li a{font-size:16px;position:relative;display:flex;align-items:center;gap:var(--db-gap-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);padding:var(--db-padding-xs);color:var(--db-text-secondary);position:relative}#sidebar-menu .category-wrap li a::before,#sidebar-menu .category-wrap li a::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}#sidebar-menu .category-wrap li a::before{z-index:-1;padding:1px;background:linear-gradient(var(--rotate), #004fff, #ffffff, #72c5fc 43%, #ffffff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}#sidebar-menu .category-wrap li a:hover{background-color:var(--db-surface-layer-1)}#sidebar-menu .category-wrap li a:hover::before{opacity:1}#sidebar-menu .category-wrap li a .icon{display:block;width:20px;height:20px;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);border:1px solid var(--db-border-base)}#sidebar-menu .category-wrap li.current-post-ancestor>a,#sidebar-menu .category-wrap li.current-menu-item>a,#sidebar-menu .category-wrap li.current-menu-parent>a{font-weight:bold;color:var(--db-text-primary);background-color:var(--db-bg-primary)}#sidebar-menu .category-wrap li.menu-item-has-children>ul li a{text-align:left;display:block;padding:var(--db-padding-m);height:auto;line-height:1;font-size:14px}#sidebar-menu .category-wrap li.menu-item-has-children>ul li.menu-item-has-children{position:relative}#sidebar-menu .category-wrap li.menu-item-has-children>ul li.current-menu-item a,#sidebar-menu .category-wrap li.menu-item-has-children>ul li:hover a{color:var(--db-text-primary);background-color:var(--db-bg-primary)}#sidebar-article{position:relative;width:100%;max-width:360px;border-left:1px solid var(--db-border-base)}#sidebar-article .widget-wrap{padding:var(--db-padding-xl)}#sidebar-article .widget-wrap .grid{gap:var(--db-gap-m)}#sidebar-article .widget-wrap .type-list:last-child{margin-bottom:0}#sidebar-article .widget-wrap:last-child{border-bottom:none}#sidebar-article .widget-wrap li{display:block}#sidebar-article .widget-wrap li a{font-size:14px;position:relative;display:block;padding:var(--db-padding-xxs) var(--db-padding-xs);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);color:var(--db-text-secondary)}#sidebar-article .widget-wrap li a:hover{color:var(--db-text-primary)}#sidebar-article .widget-wrap li.current-post-ancestor>a,#sidebar-article .widget-wrap li.current-menu-item>a,#sidebar-article .widget-wrap li.current-menu-parent>a{color:var(--db-text-primary);background-color:var(--db-bg-secondary)}#sidebar-article .widget-wrap li.menu-item-has-children>ul li a{text-align:left;display:block;padding:var(--db-padding-m);height:auto;line-height:1;font-size:14px}#sidebar-article .widget-wrap li.menu-item-has-children>ul li.menu-item-has-children{position:relative}#sidebar-article .widget-wrap li.menu-item-has-children>ul li.current-menu-item a,#sidebar-article .widget-wrap li.menu-item-has-children>ul li:hover a{color:var(--db-text-primary);background-color:var(--db-bg-secondary)}@media only screen and (max-width: 1024px){#sidebar-article{display:none}}@media only screen and (max-width: 820px){.scroll-tab{padding:var(--db-padding-xs);white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;-ms-overflow-style:none;scrollbar-width:none}.scroll-tab::-webkit-scrollbar{display:none}.scroll-tab::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}.scroll-tab::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}#sidebar-menu{position:sticky;top:56px;width:100%;height:auto;border:none;border-bottom:1px solid var(--db-border-base);backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px)}#sidebar-menu .sticky-wrap{padding:0;width:100%;transition:.2s}#sidebar-menu .sticky-wrap.scrolled{background-color:var(--db-surface-alpha-70)}@supports(-webkit-backdrop-filter: initial) or (backdrop-filter: initial){#sidebar-menu .sticky-wrap.scrolled{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}}@supports not ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)){#sidebar-menu .sticky-wrap.scrolled{filter:blur(24px);-webkit-filter:blur(24px);-moz-filter:blur(24px);-o-filter:blur(24px);-ms-filter:blur(24px);background-color:var(--db-surface-base)}}#sidebar-menu .widget-wrap{overflow-x:scroll;display:flex;padding-bottom:var(--db-padding-xs);border:none;border-radius:0;background-color:rgba(0,0,0,0);-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;-ms-overflow-style:none;scrollbar-width:none;position:relative;z-index:1}#sidebar-menu .widget-wrap::-webkit-scrollbar{display:none}#sidebar-menu .widget-wrap::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}#sidebar-menu .widget-wrap::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}#sidebar-menu .category-wrap{padding:0;position:relative;z-index:1}#sidebar-menu .category-wrap:last-child{border-bottom:none}#sidebar-menu .category-wrap h4{display:none}#sidebar-menu .category-wrap ul{display:flex}#sidebar-menu .category-wrap li{display:block;margin-bottom:0;margin-right:var(--db-margin-xxs)}#sidebar-menu .category-wrap li a{font-size:15px}#sidebar-menu .category-wrap li a .icon{display:none}}@media only screen and (max-width: 767px){#sidebar-menu{top:48px}}.filter-container{width:100%;display:flex;gap:var(--db-margin-m);flex-direction:row;align-items:center;justify-content:center}.filter-container .search-form{width:100%;max-width:320px;height:var(--db-size-control-m)}.filter-container .search-form input[type=text],.filter-container .search-form input[type=search]{padding-left:28px !important;border:1px solid var(--db-border-base) !important}.filter-container .icon-search,.filter-container .search-form label::before{left:var(--db-padding-xs)}.filter-tabs,.tabs{display:flex;justify-content:center;align-items:center;gap:var(--db-margin-s);overflow-x:scroll;white-space:nowrap;margin:0;-ms-overflow-style:none;scrollbar-width:none}.filter-tabs::-webkit-scrollbar,.tabs::-webkit-scrollbar{display:none}.filter-tabs .tab,.filter-tabs .filter-tab,.tabs .tab,.tabs .filter-tab{position:relative;cursor:pointer;flex-shrink:0}.filter-tabs .tab span,.filter-tabs .tab a,.filter-tabs .filter-tab span,.filter-tabs .filter-tab a,.tabs .tab span,.tabs .tab a,.tabs .filter-tab span,.tabs .filter-tab a{font-size:14px;line-height:1;font-weight:bold;height:var(--db-size-control-m);padding:var(--db-padding-xs) var(--db-padding-s);position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-appearance:none;position:relative;text-align:center;gap:var(--db-padding-xs);font-weight:bold;cursor:pointer;overflow:hidden;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);background:var(--db-bg-primary);border:1px solid var(--db-border-base);color:var(--db-text-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.filter-tabs .tab span:disabled,.filter-tabs .tab a:disabled,.filter-tabs .filter-tab span:disabled,.filter-tabs .filter-tab a:disabled,.tabs .tab span:disabled,.tabs .tab a:disabled,.tabs .filter-tab span:disabled,.tabs .filter-tab a:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.filter-tabs .tab span i,.filter-tabs .tab a i,.filter-tabs .filter-tab span i,.filter-tabs .filter-tab a i,.tabs .tab span i,.tabs .tab a i,.tabs .filter-tab span i,.tabs .filter-tab a i{color:inherit}.filter-tabs .tab span::before,.filter-tabs .tab a::before,.filter-tabs .filter-tab span::before,.filter-tabs .filter-tab a::before,.tabs .tab span::before,.tabs .tab a::before,.tabs .filter-tab span::before,.tabs .filter-tab a::before{content:"";position:absolute;inset:-1px;background:linear-gradient(var(--rotate), rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.1));border-radius:inherit;opacity:0;transition:opacity .3s;z-index:-1;animation:db-anim-spin 3s linear infinite}.filter-tabs .tab span:hover,.filter-tabs .tab a:hover,.filter-tabs .filter-tab span:hover,.filter-tabs .filter-tab a:hover,.tabs .tab span:hover,.tabs .tab a:hover,.tabs .filter-tab span:hover,.tabs .filter-tab a:hover{background:var(--db-bg-secondary);box-shadow:0 2px 8px rgba(211,227,255,.7) inset}.filter-tabs .tab span:hover::before,.filter-tabs .tab a:hover::before,.filter-tabs .filter-tab span:hover::before,.filter-tabs .filter-tab a:hover::before,.tabs .tab span:hover::before,.tabs .tab a:hover::before,.tabs .filter-tab span:hover::before,.tabs .filter-tab a:hover::before{opacity:1}.filter-tabs .tab span .tab-count,.filter-tabs .tab a .tab-count,.filter-tabs .filter-tab span .tab-count,.filter-tabs .filter-tab a .tab-count,.tabs .tab span .tab-count,.tabs .tab a .tab-count,.tabs .filter-tab span .tab-count,.tabs .filter-tab a .tab-count{font-size:12px;padding:0;background-color:rgba(0,0,0,0) !important;border:none;border-radius:0;color:var(--db-text-tertiary)}.filter-tabs .tab span .tab-count::before,.filter-tabs .tab a .tab-count::before,.filter-tabs .filter-tab span .tab-count::before,.filter-tabs .filter-tab a .tab-count::before,.tabs .tab span .tab-count::before,.tabs .tab a .tab-count::before,.tabs .filter-tab span .tab-count::before,.tabs .filter-tab a .tab-count::before{display:none}.filter-tabs .tab.active span,.filter-tabs .tab.active a,.filter-tabs .filter-tab.active span,.filter-tabs .filter-tab.active a,.tabs .tab.active span,.tabs .tab.active a,.tabs .filter-tab.active span,.tabs .filter-tab.active a{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-appearance:none;position:relative;text-align:center;gap:var(--db-padding-xs);font-weight:bold;cursor:pointer;overflow:hidden;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);background:linear-gradient(135deg, rgba(0, 79, 255, 0.9), rgba(0, 132, 255, 0.9));color:var(--db-text-inverse-primary);border:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.filter-tabs .tab.active span:disabled,.filter-tabs .tab.active a:disabled,.filter-tabs .filter-tab.active span:disabled,.filter-tabs .filter-tab.active a:disabled,.tabs .tab.active span:disabled,.tabs .tab.active a:disabled,.tabs .filter-tab.active span:disabled,.tabs .filter-tab.active a:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.filter-tabs .tab.active span i,.filter-tabs .tab.active a i,.filter-tabs .filter-tab.active span i,.filter-tabs .filter-tab.active a i,.tabs .tab.active span i,.tabs .tab.active a i,.tabs .filter-tab.active span i,.tabs .filter-tab.active a i{color:inherit}.filter-tabs .tab.active span::before,.filter-tabs .tab.active a::before,.filter-tabs .filter-tab.active span::before,.filter-tabs .filter-tab.active a::before,.tabs .tab.active span::before,.tabs .tab.active a::before,.tabs .filter-tab.active span::before,.tabs .filter-tab.active a::before{content:"";position:absolute;inset:-2px;background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary));border-radius:inherit;opacity:0;transition:opacity .3s;z-index:-1;animation:db-anim-spin 3s linear infinite}.filter-tabs .tab.active span:hover,.filter-tabs .tab.active a:hover,.filter-tabs .filter-tab.active span:hover,.filter-tabs .filter-tab.active a:hover,.tabs .tab.active span:hover,.tabs .tab.active a:hover,.tabs .filter-tab.active span:hover,.tabs .filter-tab.active a:hover{background:linear-gradient(135deg, rgb(0, 79, 255), rgb(0, 132, 255));box-shadow:0 2px 8px rgba(255,255,255,.7) inset;position:relative}.filter-tabs .tab.active span:hover::before,.filter-tabs .tab.active span:hover::after,.filter-tabs .tab.active a:hover::before,.filter-tabs .tab.active a:hover::after,.filter-tabs .filter-tab.active span:hover::before,.filter-tabs .filter-tab.active span:hover::after,.filter-tabs .filter-tab.active a:hover::before,.filter-tabs .filter-tab.active a:hover::after,.tabs .tab.active span:hover::before,.tabs .tab.active span:hover::after,.tabs .tab.active a:hover::before,.tabs .tab.active a:hover::after,.tabs .filter-tab.active span:hover::before,.tabs .filter-tab.active span:hover::after,.tabs .filter-tab.active a:hover::before,.tabs .filter-tab.active a:hover::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.filter-tabs .tab.active span:hover::before,.filter-tabs .tab.active a:hover::before,.filter-tabs .filter-tab.active span:hover::before,.filter-tabs .filter-tab.active a:hover::before,.tabs .tab.active span:hover::before,.tabs .tab.active a:hover::before,.tabs .filter-tab.active span:hover::before,.tabs .filter-tab.active a:hover::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.filter-tabs .tab.active span:hover:hover::before,.filter-tabs .tab.active a:hover:hover::before,.filter-tabs .filter-tab.active span:hover:hover::before,.filter-tabs .filter-tab.active a:hover:hover::before,.tabs .tab.active span:hover:hover::before,.tabs .tab.active a:hover:hover::before,.tabs .filter-tab.active span:hover:hover::before,.tabs .filter-tab.active a:hover:hover::before{opacity:1}.filter-tabs .tab.active span:hover::before,.filter-tabs .tab.active a:hover::before,.filter-tabs .filter-tab.active span:hover::before,.filter-tabs .filter-tab.active a:hover::before,.tabs .tab.active span:hover::before,.tabs .tab.active a:hover::before,.tabs .filter-tab.active span:hover::before,.tabs .filter-tab.active a:hover::before{opacity:1}.filter-tabs .tab.active .tab-count,.filter-tabs .filter-tab.active .tab-count,.tabs .tab.active .tab-count,.tabs .filter-tab.active .tab-count{color:var(--db-text-inverse-secondary)}.filter-tabs .tab .count,.filter-tabs .filter-tab .count,.tabs .tab .count,.tabs .filter-tab .count{position:relative;top:calc(-1*var(--db-padding-xs));font-size:12px;color:var(--db-text-tertiary)}.filter-contents{opacity:1;transition:opacity .5s ease}.filter-contents.fade-out{opacity:0}@media only screen and (max-width: 1024px){.filter-container{flex-direction:column;align-items:center;justify-content:center}.filter-container .search-form{max-width:100%;padding:0 var(--db-padding-l)}.filter-tabs{padding:0 var(--db-padding-m);width:100%;justify-content:flex-start}}@media only screen and (max-width: 767px){.filter-tabs{padding:0 var(--db-padding-s)}}.category-tabs{display:flex;justify-content:center;align-items:center;gap:0;padding:var(--db-padding-xxs);background-color:var(--db-bg-secondary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);height:var(--db-size-control-m);margin:0 auto;flex-shrink:0}.category-tabs .child-category-tab{padding:var(--db-padding-s);font-size:14px;line-height:1;font-weight:bold;background-color:var(--db-bg-primary);color:var(--db-text-secondary);border:none;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);cursor:pointer;transition:background-color .3s ease,color .3s ease;display:flex;justify-content:center;align-items:center;opacity:.7}.category-tabs .child-category-tab.active{background-color:var(--db-bg-primary);color:var(--db-text-primary);opacity:1;box-shadow:var(--db-shadow-sm)}.category-tabs .child-category-tab:not(.active){background-color:rgba(0,0,0,0);border:none;color:var(--db-text-secondary);box-shadow:none}.category-tabs .child-category-tab:hover{background-color:var(--db-bg-tertiary)}.dropdown{position:relative}.dropdown:hover .dropdown-menu{visibility:visible;opacity:1;top:36px}.dropdown .dropdown-menu{position:absolute;top:64px;right:0;left:auto;display:block;visibility:hidden;opacity:0;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);border:1px solid var(--db-border-base);padding:var(--db-padding-m);background-color:var(--db-surface-alpha-70);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);-webkit-transition:.3s ease-in-out 0s;-o-transition:.3s ease-in-out 0s;-moz-transition:.3s ease-in-out 0s;-ms-transition:.3s ease-in-out 0s;transition:.3s ease-in-out 0s;z-index:100}@media only screen and (max-width: 767px){.dropdown:hover .dropdown-menu{display:none !important}}.section-bg{position:relative;overflow:hidden}.section-bg::before{content:"";display:block;position:absolute;top:auto;bottom:0;left:0;width:100%;height:2px;z-index:1;background:linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.1) 100%);opacity:0}.section-bg::after{content:"";position:absolute;bottom:-400px;left:calc(50% - 400px);width:800px;height:800px;z-index:0;background:radial-gradient(circle, rgba(79, 140, 255, 0.1) 0%, rgba(255, 255, 255, 0) 60%);pointer-events:none}.section-bg.line-bottom::before{top:auto;bottom:0;opacity:1}.section-bg.line-top::before{top:0;bottom:auto;opacity:1}.section-bg.circle-br::after{top:auto;bottom:-200px;left:auto;right:-200px;background:radial-gradient(circle, rgba(79, 140, 255, 0.1) 0%, rgba(255, 255, 255, 0) 60%)}.section-bg.circle-tl::after{top:-200px;left:-200px;right:auto;bottom:auto;background:radial-gradient(circle, rgba(79, 140, 255, 0.1) 0%, rgba(255, 255, 255, 0) 60%)}.section-quicklinks .quicklinks-flex{display:flex;gap:24px;align-items:stretch}.section-quicklinks .quicklink-large{flex:1;min-width:0;min-height:340px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.section-quicklinks .quicklinks-grid-2x2{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:24px;flex:2;min-width:0}.section-quicklinks .quicklink-card{min-height:160px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);background:var(--db-bg-primary);padding:var(--db-padding-l);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);position:relative;text-decoration:none;color:var(--db-text-primary)}.section-quicklinks .quicklink-card::before,.section-quicklinks .quicklink-card::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.section-quicklinks .quicklink-card::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.section-quicklinks .quicklink-card:hover::before{opacity:1}.section-quicklinks .quicklink-card .quicklink-icon{width:48px;height:48px;margin-bottom:var(--db-margin-m)}.section-quicklinks .quicklink-card .quicklink-icon img{width:100%;height:100%;object-fit:contain;display:block}.section-quicklinks .quicklink-card .quicklink-title{font-size:24px;margin-bottom:0}.section-quicklinks .quicklink-card .quicklink-desc{font-size:15px;color:var(--db-text-secondary)}@media(max-width: 1024px){.section-quicklinks .quicklinks-flex{flex-direction:column}.section-quicklinks .quicklink-large{min-height:180px}.section-quicklinks .quicklinks-grid-2x2{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px}}@media(max-width: 767px){.section-quicklinks .quicklinks-flex{flex-direction:column;gap:12px}.section-quicklinks .quicklinks-grid-2x2{gap:12px}.section-quicklinks .quicklink-card{min-height:100px;padding:16px}.section-quicklinks .quicklink-card .quicklink-title{font-size:18px}.section-quicklinks .quicklink-card .quicklink-desc{font-size:12px}}.course-category-tabs{position:sticky;top:56px;width:100%;height:auto;border:none;padding:var(--db-padding-xs);border-bottom:1px solid var(--db-border-base);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:100}.course-category-tabs .category-tabs{display:flex;list-style:none;margin:0;padding:0;border-radius:0;gap:var(--db-padding-xs);width:100%;white-space:nowrap;min-width:max-content;overflow-x:scroll;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;-ms-overflow-style:none;scrollbar-width:none}.course-category-tabs .category-tabs::-webkit-scrollbar{display:none}.course-category-tabs .category-tabs::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}.course-category-tabs .category-tabs::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.course-category-tabs .category-tabs li a{display:inline-block;padding:var(--db-padding-xxs) var(--db-padding-xs);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);text-decoration:none;color:var(--db-text-secondary);font-size:14px}.course-category-tabs .category-tabs li a:hover{background:rgba(255,255,255,.8);color:var(--db-text-primary);transform:translateY(-1px)}.course-category-tabs .category-tabs li.current_category a{color:var(--db-text-primary);background-color:rgba(var(--db-color-primary), 0.08)}.thumb-img{position:relative;overflow:hidden;transform:translateZ(0);will-change:transform;background-size:40px}.thumb-img figure{width:100%}.thumb-info-wrap{position:relative;text-align:left;width:100%}.thumb-info-wrap .thumb-title{font-size:16px;font-weight:400;line-height:var(--db-leading-normal);letter-spacing:0;margin-bottom:var(--db-margin-xs);height:auto}.thumb-info-wrap .thumb-title a{transition:none}.type-card-big .thumb-info-wrap .thumb-title{font-size:28px;font-weight:bold;height:auto;margin-bottom:var(--db-margin-m)}.thumb-info-wrap .thumb-title a,.thumb-info-wrap .thumb-title a:visited{color:var(--db-text-secondary);line-height:inherit}.thumb-info-wrap .thumb-title a:hover{color:var(--db-color-primary)}.thumb-info-wrap p{word-break:break-all;font-size:14px;color:var(--db-text-secondary);line-height:var(--db-leading-normal);margin-bottom:0}.thumb-info-wrap .thumb-author{font-size:14px;line-height:1;color:var(--db-text-tertiary)}.thumb-info-wrap .content-order{font-size:12px;color:var(--db-text-tertiary);margin-top:var(--db-margin-xs)}.thumb-info-wrap .thumb-comments{display:inline-block;font-size:14px;color:var(--db-text-secondary);padding:var(--db-padding-xxs) var(--db-padding-xs);margin-top:var(--db-margin-xs);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);background-color:var(--db-bg-secondary)}.thumb-info-wrap .thumb-comments span{margin-left:4px}.thumb-info-wrap .thumb_meta .designbase-date{display:none}.thumb-info-wrap .thumb-date{font-size:14px;color:var(--db-text-tertiary)}.thumb-info-wrap .thumb-custom-field{display:flex;line-height:1;gap:var(--db-padding-xs);align-items:center}.thumb-info-wrap .thumb-custom-field span{display:inline-block;font-size:12px;line-height:1;color:var(--db-text-tertiary)}.thumb-info-wrap .divider-dot{position:relative;width:4px;height:4px;background:#bdc5c9;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%}.thumb-category{white-space:nowrap !important;display:flex;gap:var(--db-gap-xs);color:var(--db-text-tertiary);font-size:12px !important;line-height:1.5;align-items:center;margin-bottom:var(--db-margin-xs)}.thumb-category img{width:24px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%}.thumb-badge{margin-bottom:var(--db-margin-m)}.thumb-badge span{display:inline-block;padding:var(--db-padding-xxs) var(--db-padding-xxs);font-size:12px;color:#fff;margin-right:6px;background-color:rgba(0,0,0,.7);backdrop-filter:blur(2px);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s)}.thumb-badge span.dark{background-color:var(--db-color-tertiary)}.thumb-badge span.membership-badge{background-color:var(--db-color-primary)}.posts-container.list .db-col-3{width:100%}.posts-container.list article{position:relative;display:flex;gap:var(--db-padding-l);background:var(--db-bg-primary);padding:var(--db-padding-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);position:relative;margin-bottom:var(--db-margin-m)}.posts-container.list article::before,.posts-container.list article::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.posts-container.list article::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.posts-container.list article:hover::before{opacity:1}.posts-container.list .thumbnail{position:relative;display:block;width:200px;flex-shrink:0;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.posts-container.list .thumb-info-wrap .thumb-title{font-size:18px;margin-top:var(--db-margin-xs);height:auto;min-height:auto;overflow:visible;text-overflow:initial;white-space:normal;-webkit-line-clamp:initial}.type-list{width:100%;margin-bottom:var(--db-margin-l);display:flex;background:var(--db-bg-primary)}.type-list .thumb-img{width:140px;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);overflow:hidden;isolation:isolate}.type-list .thumb-info-wrap{width:calc(100% - 140px);padding-left:var(--db-padding-xs)}.type-list .thumb-info-wrap .thumb-title{height:70px;min-height:70px;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;display:block;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word}.posts-container--empty{min-height:420px;display:flex;align-items:center;justify-content:center}.type-card-notice{width:100%;padding:var(--db-padding-m);background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);overflow:hidden;margin-bottom:var(--db-margin-l);display:flex}.type-card-notice .thumb-info-wrap{display:flex;width:100%;gap:var(--db-gap-m)}.type-card-notice .thumb-info-wrap .category{width:80px}.type-card-notice .thumb-info-wrap .thumb-title{font-size:18px;flex:1;margin-bottom:0}.type-card-notice .thumb-info-wrap .post-date{font-size:14px;color:var(--db-text-tertiary)}.membership-icon{width:24px;height:24px;z-index:2;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);background:url(../170e68f2884d0b78f585.svg) no-repeat center;background-size:contain}.type-card{position:relative;width:100%;background:var(--db-bg-primary);padding:var(--db-padding-l);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);position:relative;padding:var(--db-padding-s);margin-bottom:40px}.type-card::before,.type-card::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.type-card::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.type-card:hover::before{opacity:1}.type-card .thumbnail{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.type-card .thumb-info-wrap{margin-top:var(--db-margin-s)}.type-card .thumb-title{font-size:15px;height:48px;min-height:48px;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;display:block;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}.type-card .tool-icon{position:absolute;left:var(--db-padding-m);top:var(--db-padding-m)}.featured-slider .type-card{max-width:384px}.membership-badge{display:inline-flex;align-items:center;font-size:12px;font-weight:bold;line-height:16px;gap:var(--db-gap-xs);padding:var(--db-padding-xxs);padding-right:var(--db-padding-xs);border-radius:var(--db-radius-full);-webkit-border-radius:var(--db-radius-full);-moz-border-radius:var(--db-radius-full);-ms-border-radius:var(--db-radius-full);background-color:rgba(var(--db-color-primary), 0.06);color:var(--db-text-secondary)}.membership-badge:hover{background-color:rgba(var(--db-color-primary), 0.2)}.membership-badge .membership-icon{width:16px;height:16px}.type-blog .thumb-info-wrap .thumb-title{height:auto !important;font-size:16px;padding-top:var(--db-padding-xs)}.type-card-poll{margin-bottom:40px;overflow:hidden}.type-card-poll .post-thumbnail{border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);overflow:hidden}.type-card-poll .thumb-info-wrap{text-align:center;margin-top:var(--db-margin-m)}.type-card-poll .thumb-info-wrap .thumb-title{font-size:16px;height:auto;min-height:auto;margin:0}.type-card-poll .thumb-info-wrap .thumb-title a{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}.category-membership .membership-icon{display:block}.swiper-slide{width:auto}.hover-effect img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:transform .5s;transition:transform .5s}.hover-effect:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}hr.divider{background:var(--db-border-base);margin:var(--db-margin-m) 0}.type-card-big{margin-bottom:var(--db-margin-xl);padding-bottom:var(--db-margin-xl);border-bottom:1px solid var(--db-border-base)}.type-card-big .tool-icon{position:absolute;left:var(--db-padding-m);top:var(--db-padding-m)}.type-card-big .membership-icon{position:absolute;left:calc(var(--db-padding-l) + var(--db-padding-m));top:12px}.type-card-big .thumb-category a{font-size:14px}.article-tags{margin:0}.article-tags span.tags{display:inline-block;font-size:14px;margin-right:var(--db-margin-s);margin-top:var(--db-margin-s)}.article-tags span.tags .tagcount{margin-left:var(--db-padding-xs);opacity:.7}.article-tags a{white-space:nowrap !important;padding:var(--db-padding-xs);display:block;color:var(--db-text-secondary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);background:var(--db-bg-secondary);font-size:14px !important;line-height:1}.article-tags a:visited,.article-tags a:active{text-decoration:none;color:var(--db-text-secondary)}.article-tags a:hover{background-color:var(--db-color-primary);border-color:var(--db-color-primary);color:#fff}.type-testimonial{max-width:384px;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);position:relative;overflow:hidden;transform:translateZ(0);will-change:transform;padding:var(--db-padding-m);background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.testimonials-slider .type-testimonial{width:300px}.post-type-archive-testimonials .type-testimonial,.related-section .type-testimonial{margin-bottom:var(--db-margin-l) !important}.type-testimonial p{height:180px;font-size:14px;overflow:hidden;margin-bottom:0}.user-profile-wrap{position:relative;z-index:1;display:flex;align-items:center;gap:var(--db-padding-xs)}.user-profile-wrap .user-profile{width:48px;height:48px;margin:0;background-size:contain !important;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%}.user-profile-wrap .user-name{font-size:16px;font-weight:normal;line-height:1;margin-bottom:var(--db-margin-xs);color:var(--db-text-primary)}.user-profile-wrap .user-info{font-size:12px;line-height:1;font-weight:bold;height:auto;color:var(--db-text-tertiary);margin:0}.empty-wrap{max-width:360px;margin:auto;text-align:center;padding:var(--db-padding-xl);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);overflow:hidden}.empty-wrap p{margin:auto}.empty-illust{width:200px;height:200px;margin:auto;margin-bottom:var(--db-margin-m);background:url(../0fdcb8266ff389b2c83c.png) no-repeat center;background-size:contain}.empty-title{margin-bottom:var(--db-margin-s)}@media only screen and (max-width: 820px){.posts-container.list article{gap:var(--db-gap-m);padding:var(--db-padding-m)}.posts-container.list .thumbnail{width:120px}.posts-container.list .thumb-info-wrap{margin-top:0;min-height:auto}.posts-container.list .thumb-info-wrap .thumb-title{font-size:14px;margin-top:0}}@media only screen and (max-width: 767px){.post-type-archive-testimonials .type-testimonial,.related-section .type-testimonial{margin-bottom:20px !important}.type-card-notice{padding:var(--db-padding-s);margin-bottom:var(--db-margin-m);display:flex}.type-card-notice .thumb-info-wrap{gap:var(--db-gap-xs);flex-direction:column}.type-card-notice .thumb-info-wrap .category{width:80px}.type-card-notice .thumb-info-wrap .thumb-title{font-size:16px}.type-card-notice .thumb-info-wrap .post-date{font-size:12px}.type-testimonial{border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);padding:var(--db-padding-l)}.testimonials-slider .type-testimonial{max-width:240px}.type-testimonial p{height:180px;overflow-y:scroll}.single-testimonials .type-testimonial p{height:auto;font-size:16px}.post-type-archive-testimonials .type-testimonial,.related-section .type-testimonial{max-width:100%}.post-type-archive-testimonials .type-testimonial p,.related-section .type-testimonial p{font-size:14px;height:130px;overflow-y:scroll}.type-testimonial .double-quotes{bottom:var(--db-padding-xl);right:var(--db-padding-xl);width:40px;height:40px;display:none;background-size:36px}.type-testimonial .user-profile-wrap{margin-top:var(--db-margin-m);height:40px}.type-testimonial .user-profile-wrap .user-profile{width:40px;height:40px}.type-testimonial .user-profile-wrap .user-name{font-size:14px}.type-testimonial .user-profile-wrap .user-info{font-size:12px;margin:0}.type-card-big .thumb-info-wrap .thumb-title{font-size:18px;line-height:1.4;max-height:60px}.type-card-big .thumb-info-wrap .thumb-category{margin-top:var(--db-margin-m)}.type-card-big .thumb-info-wrap .thumb-category a{font-size:14px}.type-card-big .article-tags{margin-bottom:0}.type-card .thumb-img{border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);overflow:hidden;isolation:isolate}.type-card .thumb-title{font-size:14px;min-height:auto;height:45px}.featured-slider .type-card{max-width:240px}.type-card .thumb-info-wrap{min-height:62px}.type-card .tool-icon{left:var(--db-padding-xs);top:var(--db-padding-xs);width:20px;height:20px}.type-card .membership-icon{left:calc(var(--db-padding-l) + var(--db-padding-xs));top:var(--db-padding-xs);width:20px;height:20px}.empty-illust{max-width:200px}.content{height:240px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0}.content .mo-only{position:absolute}}.type-card-freefonts{background:var(--db-bg-primary);padding:var(--db-padding-l);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);position:relative}.type-card-freefonts::before,.type-card-freefonts::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.type-card-freefonts::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.type-card-freefonts:hover::before{opacity:1}.type-card-freefonts .thumb-img{width:100%;margin-bottom:var(--db-margin-m)}.type-card-freefonts .title-wrap{display:flex;gap:var(--db-gap-m);justify-content:space-between;align-items:center}.type-card-freefonts .title-wrap .thumb-title{font-size:24px;font-weight:bold}.type-card-freefonts h3{font-size:32px;margin-top:var(--db-margin-m)}.type-card-freefonts .thumb-custom-field{gap:var(--db-padding-s);padding-top:var(--db-padding-m);margin-top:var(--db-margin-m);border-top:1px solid var(--db-border-base)}.type-card-freefonts .category{display:none}.type-card-freefonts .font-info span{font-size:14px;line-height:1.25;color:var(--db-text-tertiary);margin-right:var(--db-margin-xxs)}.type-card-freefonts .font-info span.value{color:var(--db-text-primary)}@media only screen and (max-width: 767px){.type-card-freefonts{padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}}.cards-slider{width:100%;max-width:460px !important;padding:var(--db-padding-l) !important}@media(max-width: 820px){.cards-slider{max-width:360px !important}}@media(max-width: 767px){.cards-slider{max-width:320px !important}}.type-card-featured{width:100%;overflow:hidden;isolation:isolate;position:relative;background:var(--db-bg-primary);padding:var(--db-padding-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);position:relative;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);padding:0}.type-card-featured::before,.type-card-featured::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.type-card-featured::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.type-card-featured:hover::before{opacity:1}.type-card-featured .category-icon{position:absolute;left:var(--db-padding-l);top:var(--db-padding-l);width:40px;height:40px;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);overflow:hidden;border:1px solid rgba(0,0,0,.1);z-index:10}.type-card-featured .thumb-img{border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s)}.type-card-featured .thumb-info-wrap{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:row;gap:var(--db-margin-xs);justify-content:space-between;align-items:flex-end;background:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));width:100%;padding:var(--db-padding-l)}.type-card-featured .thumb-title{font-size:20px;font-weight:bold;display:block;color:var(--db-text-inverse-primary);margin:0}.type-card-featured .thumb-desc{width:100%;font-size:14px;color:var(--db-text-inverse-primary)}.type-card-featured .thumb-count-wrap{display:flex;align-items:center;gap:var(--db-margin-xs)}.type-card-featured .thumb-posts-count{font-size:12px;line-height:16px;padding:var(--db-padding-xxs);color:var(--db-text-inverse-primary)}.type-card-tools{position:relative;display:block;font-size:16px;background:var(--db-bg-primary);padding:var(--db-padding-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);position:relative;width:100%;min-width:0;overflow:hidden}.type-card-tools::before,.type-card-tools::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.type-card-tools::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.type-card-tools:hover::before{opacity:1}.type-card-tools img{border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);margin-bottom:var(--db-margin-m)}.type-card-tools p{font-size:14px;margin-bottom:var(--db-margin-s)}.type-card-tools h2{font-size:24px;margin-bottom:var(--db-margin-s);word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.type-card-tools .thumb-category .category-link{display:flex;align-items:center;gap:var(--db-gap-xs);padding:var(--db-padding-xs);background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);position:relative}.type-card-tools .thumb-category .category-link::before,.type-card-tools .thumb-category .category-link::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.type-card-tools .thumb-category .category-link::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.type-card-tools .thumb-category .category-link:hover::before{opacity:1}.type-card-tools .thumb-category img{width:20px;margin:0}.type-card-tools .thumb-category span{font-size:14px;font-weight:bold}.type-card-tools .page-category{font-size:12px;color:var(--db-text-secondary)}.type-card-tools .text-wrap{width:100%;min-width:0;overflow:hidden}.type-card-tools .text-wrap p{word-wrap:break-word;overflow-wrap:break-word}@media only screen and (max-width: 767px){.type-card-tools{padding:var(--db-padding-xs)}.type-card-tools img{margin-bottom:var(--db-margin-m)}.type-card-tools .text-wrap{padding:0 var(--db-margin-xxs);width:100%;min-width:0;overflow:hidden}.type-card-tools .text-wrap p{margin-bottom:0;word-wrap:break-word;overflow-wrap:break-word}.type-card-tools h2{font-size:20px;margin-bottom:var(--db-margin-s)}}.type-list-dictionary{position:relative;display:flex;gap:var(--db-padding-s);margin-bottom:var(--db-margin-m);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);background:var(--db-bg-primary);padding:var(--db-padding-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);position:relative;overflow:hidden;isolation:isolate}.type-list-dictionary::before,.type-list-dictionary::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.type-list-dictionary::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.type-list-dictionary:hover::before{opacity:1}.type-list-dictionary:hover{box-shadow:var(--db-shadow-sm);-webkit-box-shadow:var(--db-shadow-sm);-moz-box-shadow:var(--db-shadow-sm);-ms-box-shadow:var(--db-shadow-sm)}.type-list-dictionary .thumb-image{flex-shrink:0;width:200px}.type-list-dictionary .thumb-image img{border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);overflow:hidden;display:block}.type-list-dictionary .thumb-info-wrap .thumb-title{font-size:24px;height:auto;min-height:auto}.type-list-dictionary .thumb-info-wrap .thumb-title:first-letter{color:var(--db-color-primary)}.type-list-dictionary .thumb-info-wrap p{font-size:16px;margin:0}.type-list-dictionary .thumb-category{position:absolute;bottom:var(--db-padding-m);font-size:14px;display:none}.type-card-dictionary{position:relative;display:flex;gap:var(--db-padding-xs);margin-bottom:var(--db-margin-m);background:var(--db-bg-primary);padding:var(--db-padding-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);position:relative;overflow:hidden;isolation:isolate;flex-direction:column}.type-card-dictionary::before,.type-card-dictionary::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.type-card-dictionary::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.type-card-dictionary:hover::before{opacity:1}.type-card-dictionary:hover{box-shadow:var(--db-shadow-sm);-webkit-box-shadow:var(--db-shadow-sm);-moz-box-shadow:var(--db-shadow-sm);-ms-box-shadow:var(--db-shadow-sm)}.type-card-dictionary .thumb-image{flex-shrink:0;width:100%}.type-card-dictionary .thumb-image img{border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);overflow:hidden;display:block}.type-card-dictionary .thumb-info-wrap .thumb-title{font-size:18px;line-height:1.25;font-weight:bold;height:auto;min-height:auto}.type-card-dictionary .thumb-info-wrap .thumb-title:first-letter{color:var(--db-color-primary)}.type-card-dictionary .thumb-info-wrap p{margin:0}.type-card-dictionary .thumb-category{position:absolute;bottom:var(--db-padding-m);font-size:14px;display:none}@media only screen and (max-width: 767px){.type-list-dictionary{height:auto;flex-direction:column}.type-list-dictionary .thumb-info-wrap{margin-top:0}.type-list-dictionary .thumb-info-wrap .thumb-title{font-size:20px}.type-list-dictionary .thumb-image img{width:120px;display:none}.type-card-dictionary{height:auto;flex-direction:column}.type-card-dictionary .thumb-info-wrap .thumb-content{font-size:14px}}.type-card-magazine{background:var(--db-bg-primary);padding:var(--db-padding-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);position:relative;box-shadow:none}.type-card-magazine::before,.type-card-magazine::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.type-card-magazine::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.type-card-magazine:hover::before{opacity:1}.type-card-magazine .thumb-img{border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s)}.type-card-magazine .thumb-info-wrap{padding:0;margin-top:var(--db-margin-m)}.type-card-magazine .thumb-info-wrap .thumb-title{font-size:20px;font-weight:bold;height:60px;min-height:60px;margin-bottom:var(--db-margin-s)}.type-card-magazine .thumb-info-wrap .thumb-title .di-name{position:relative;margin-left:var(--db-padding-xs);padding-left:var(--db-padding-xs)}.type-card-magazine .thumb-info-wrap .thumb-title .di-name::before{content:"";position:absolute;display:inline-block;left:-2px;top:10px;width:4px;height:4px;background:#bdc5c9;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%}.type-card-magazine .thumb-info-wrap .thumb-title .di-position{margin-left:var(--db-margin-xxs);opacity:.7}.type-card-magazine .thumb-info-wrap .thumb-date{margin-top:var(--db-margin-s)}.type-card-magazine .thumb-info-wrap .thumb-comments{right:0;top:0;position:absolute}@media only screen and (max-width: 767px){.type-card-magazine{padding:var(--db-padding-xs)}.type-card-magazine .thumb-info-wrap .thumb-title{font-size:16px;height:auto;min-height:auto}}.type-card-freebies{margin-bottom:var(--db-padding-2xl);overflow:hidden;isolation:isolate;background:var(--db-bg-primary);padding:var(--db-padding-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);position:relative;padding:var(--db-padding-xs)}.type-card-freebies::before,.type-card-freebies::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.type-card-freebies::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.type-card-freebies:hover::before{opacity:1}.type-card-freebies .thumbnail{border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);overflow:hidden}.type-card-freebies .thumb-info-wrap{text-align:center;margin:var(--db-margin-s) 0}.type-card-freebies .thumb-info-wrap .thumb-custom-field{justify-content:center}.type-card-freebies .thumb-info-wrap .thumb-title{font-size:15px;height:auto;min-height:auto;margin:0}.type-card-freebies .thumb-info-wrap .thumb-title a{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}@media only screen and (max-width: 767px){.type-card-freebies .thumb-info-wrap{min-height:auto}.type-card-freebies .thumb-info-wrap .thumb-title{font-size:14px}}.type-card-bookmark{display:block;margin-bottom:var(--db-margin-xl);position:relative;width:100%;background:var(--db-bg-primary);padding:var(--db-padding-l);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);position:relative;backdrop-filter:blur(0);overflow:hidden;transition:.3s}.type-card-bookmark::before,.type-card-bookmark::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.type-card-bookmark::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.type-card-bookmark:hover::before{opacity:1}.type-card-bookmark:hover{box-shadow:var(--db-shadow-lg)}.type-card-bookmark .favicon-placeholder{width:100%;height:80px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0);transition:.3s}.type-card-bookmark .favicon-placeholder .favicon-img{width:48px;height:48px;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);background-repeat:no-repeat;background-position:center;background-size:contain}.type-card-bookmark .text-wrap{text-align:center}.type-card-bookmark .bookmark-category{display:flex;display:none;gap:var(--db-gap-xs);margin:var(--db-margin-m) 0}.type-card-bookmark .bookmark-category .category-link{white-space:nowrap !important;color:var(--db-text-tertiary);font-size:12px;font-weight:bold;align-items:center}.type-card-bookmark .link-name{font-size:16px;line-height:1;font-weight:bold;margin-bottom:var(--db-margin-xs)}.type-card-bookmark .link-desc{display:block;font-size:14px;font-weight:400;color:var(--db-text-secondary);white-space:nowrap;margin-bottom:var(--db-padding-xs);overflow:hidden;text-overflow:ellipsis;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.type-card-bookmark a{position:relative;display:block;width:100%}.type-card-digital-product{position:relative;display:block;font-size:16px;background:var(--db-bg-primary);padding:var(--db-padding-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);position:relative}.type-card-digital-product::before,.type-card-digital-product::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.type-card-digital-product::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.type-card-digital-product:hover::before{opacity:1}.type-card-digital-product a{color:inherit;text-decoration:none;display:block;transition:opacity .2s}.type-card-digital-product a:hover{opacity:.8}.type-card-digital-product .thumbnail{position:relative;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.type-card-digital-product .thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);transition:transform .2s}.type-card-digital-product .thumbnail .bundle-badge-overlay{position:absolute;top:var(--db-padding-s);left:var(--db-padding-s);z-index:10}.type-card-digital-product .text-wrap{margin-top:var(--db-margin-s);display:flex;flex-direction:column;padding:var(--db-padding-xs);gap:var(--db-gap-xs)}.type-card-digital-product .text-wrap .badge{position:relative;top:-2px}.type-card-digital-product .thumb-category{margin-bottom:var(--db-margin-xxs)}.type-card-digital-product .thumb-category .category-link{display:inline-flex;align-items:center;gap:var(--db-gap-xs);padding:var(--db-padding-xs) var(--db-padding-s);background:var(--db-bg-primary);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);font-size:13px;color:var(--db-color-primary);font-weight:600;transition:background .2s}.type-card-digital-product .thumb-category .category-link:hover{background:var(--db-bg-secondary)}.type-card-digital-product h3{font-size:18px}.type-card-digital-product .product-desc{font-size:14px;color:var(--db-text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.type-card-digital-product .bundle-info-desc{font-size:13px;color:var(--db-text-secondary);line-height:1.4;margin:var(--db-margin-xxs) 0 0 0;font-weight:500}.type-card-digital-product .product-pricing{display:flex;align-items:center;gap:var(--db-gap-xs);margin-top:var(--db-padding-xs)}.type-card-digital-product .product-pricing .discount{color:var(--db-color-primary);font-weight:700;font-size:18px}.type-card-digital-product .product-pricing .price-current{font-weight:700;font-size:18px}.type-card-digital-product .product-pricing .price-original{color:var(--db-text-tertiary);text-decoration:line-through;font-size:14px}.type-card-digital-product .countdown-wrapper.promotion-countdown-mini{position:absolute;bottom:0;left:0;right:0;padding:var(--db-padding-m);z-index:10;background-color:rgba(0,0,0,0);border:none}.type-card-digital-product .countdown-wrapper.promotion-countdown-mini .countdown{width:auto;background:var(--db-bg-primary);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);padding:var(--db-padding-xs)}.type-card-digital-product .countdown-wrapper.promotion-countdown-mini .countdown-item{padding:0;text-align:center}.type-card-digital-product .countdown-wrapper.promotion-countdown-mini .countdown-item span{display:block}.type-card-digital-product .countdown-wrapper.promotion-countdown-mini .countdown-item span.days,.type-card-digital-product .countdown-wrapper.promotion-countdown-mini .countdown-item span.hours,.type-card-digital-product .countdown-wrapper.promotion-countdown-mini .countdown-item span.minutes,.type-card-digital-product .countdown-wrapper.promotion-countdown-mini .countdown-item span.seconds{width:36px;font-size:15px;font-weight:bold}.type-card-digital-product .countdown-wrapper.promotion-countdown-mini .countdown-item span.label{font-size:11px}.type-card-digital-product .countdown-wrapper.promotion-countdown-mini .end-date{display:none;font-size:13px;color:var(--db-text-secondary);margin-top:var(--db-padding-xs)}@media only screen and (max-width: 767px){.type-card-digital-product h3{font-size:16px}.type-card-digital-product .product-pricing .discount,.type-card-digital-product .product-pricing .price-current{font-size:15px}.type-card-digital-product .countdown-wrapper{padding:var(--db-padding-xs)}.type-card-digital-product .countdown-wrapper .countdown-item span.days,.type-card-digital-product .countdown-wrapper .countdown-item span.hours,.type-card-digital-product .countdown-wrapper .countdown-item span.minutes,.type-card-digital-product .countdown-wrapper .countdown-item span.seconds{font-size:16px}}.post-filter-wrap{position:relative;display:flex;gap:var(--db-padding-s);padding:var(--db-padding-xs);margin-bottom:var(--db-margin-l);background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);justify-content:space-between}.post-filter-wrap .search-area{width:100%}.post-filter-wrap .right-wrap{display:flex}.post-filter-wrap form{display:inline-block;width:100%}.post-filter-wrap select{margin-left:12px;cursor:pointer}#sort-submit{opacity:0;display:none}.gridlist-toggle{display:inline-flex;height:32px;gap:var(--db-gap-xs)}.gridlist-toggle .icon-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;opacity:.4;cursor:pointer;transition:.3s}.gridlist-toggle .icon-button i{font-size:20px;color:var(--db-text-primary)}.gridlist-toggle .icon-button:hover{opacity:.7}.gridlist-toggle .icon-button.active{opacity:1}@media only screen and (max-width: 820px){.post-filter-wrap{position:relative;margin:var(--db-padding-xs)}}.post-detail-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center}.post-detail-modal .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(4px)}.post-detail-modal .modal-content{position:relative;width:90%;max-width:800px;max-height:90vh;background:var(--db-bg-primary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3)}.post-detail-modal .modal-content .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--db-padding-l);border-bottom:1px solid var(--db-border-base);background:var(--db-bg-secondary)}.post-detail-modal .modal-content .modal-header .modal-title{font-size:18px;font-weight:600;color:var(--db-text-primary);margin:0}.post-detail-modal .modal-content .modal-header .modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(0,0,0,0);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);cursor:pointer;-webkit-transition:all .2s;-o-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}.post-detail-modal .modal-content .modal-header .modal-close i{font-size:16px;color:var(--db-text-secondary)}.post-detail-modal .modal-content .modal-header .modal-close:hover{background:var(--db-bg-tertiary);border-color:var(--db-color-primary)}.post-detail-modal .modal-content .modal-header .modal-close:hover i{color:var(--db-color-primary)}.post-detail-modal .modal-content .modal-body{max-height:calc(90vh - 80px);overflow-y:auto;padding:var(--db-padding-l)}.post-detail-modal .modal-content .modal-body .loading-spinner{display:flex;align-items:center;justify-content:center;gap:var(--db-margin-s);padding:var(--db-padding-xl) 0;color:var(--db-text-secondary)}.post-detail-modal .modal-content .modal-body .loading-spinner i{font-size:20px;animation:db-anim-spin 1s linear infinite}.post-detail-modal .modal-content .modal-body .error-message{text-align:center;padding:var(--db-padding-xl) 0;color:var(--db-text-error)}.post-detail-content .post-header{margin-bottom:var(--db-margin-l)}.post-detail-content .post-header .post-type-info{display:flex;align-items:center;gap:var(--db-margin-s);margin-bottom:var(--db-margin-s)}.post-detail-content .post-header .post-type-info .post-type-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(var(--db-color-primary), 0.1);color:var(--db-color-primary);font-size:12px;font-weight:500;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s)}.post-detail-content .post-header .post-type-info .post-type-badge i{font-size:12px}.post-detail-content .post-header .post-type-info .post-date{font-size:12px;color:var(--db-text-secondary)}.post-detail-content .post-header .post-title{font-size:24px;font-weight:700;color:var(--db-text-primary);line-height:1.3;margin:0}.post-detail-content .post-thumbnail{margin-bottom:var(--db-margin-l);text-align:center}.post-detail-content .post-thumbnail img{max-width:100%;height:auto;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.post-detail-content .post-content{font-size:16px;line-height:1.6;color:var(--db-text-primary);margin-bottom:var(--db-margin-l)}.post-detail-content .post-content .search-highlight{background:rgba(var(--db-color-primary), 0.2);color:var(--db-color-primary);font-weight:500;padding:1px 2px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px}.post-detail-content .post-actions{display:flex;gap:var(--db-margin-s);padding-top:var(--db-padding-l);border-top:1px solid var(--db-border-base)}.post-detail-content .post-actions .btn-primary,.post-detail-content .post-actions .btn-secondary{display:inline-flex;align-items:center;gap:var(--db-margin-xs);padding:var(--db-padding-s) var(--db-padding-m);font-size:14px;font-weight:500;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);text-decoration:none;border:none;cursor:pointer;-webkit-transition:all .2s;-o-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}.post-detail-content .post-actions .btn-primary i,.post-detail-content .post-actions .btn-secondary i{font-size:14px}.post-detail-content .post-actions .btn-primary{background:var(--db-color-primary);color:#fff}.post-detail-content .post-actions .btn-primary:hover{background:var(--db-btn-primary-bg-hover);transform:translateY(-1px)}.post-detail-content .post-actions .btn-secondary{background:var(--db-bg-secondary);color:var(--db-text-primary);border:1px solid var(--db-border-base)}.post-detail-content .post-actions .btn-secondary:hover{background:var(--db-bg-tertiary);border-color:var(--db-color-primary);color:var(--db-color-primary)}.modal-wrapper{position:fixed;width:100%;height:100vh;left:0;bottom:0;padding:20px;z-index:9000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.3s}.modal-wrapper.show{opacity:1;visibility:visible;transition:.3s}.modal-wrapper.show .dim{background-color:var(--db-overlay-base);opacity:1;visibility:visible}.modal-wrapper .dim{position:fixed;width:100%;height:100vh;left:0;top:0;z-index:1;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-wrapper.left{justify-content:flex-start}.modal-wrapper.right{justify-content:flex-end}.modal-wrapper.top{align-items:flex-start}.modal-wrapper.bottom{align-items:flex-end !important}.modal-wrapper.center{align-items:center;justify-content:center}@media only screen and (max-width: 767px){.modal-wrapper.left,.modal-wrapper.right{justify-content:center}.modal-wrapper.top,.modal-wrapper.bottom{align-items:flex-end}.modal-wrapper.center{align-items:flex-end;justify-content:center}}.modal{width:100%;max-width:360px;z-index:10;display:block;opacity:0;background-color:var(--db-bg-primary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);visibility:hidden;transform:translateY(24px);transition:transform .3s ease,opacity .3s ease,visibility .3s ease}.show .modal{opacity:1;visibility:visible;transform:translateY(0)}.modal .swiper-container{padding:0;background-color:var(--db-bg-primary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);overflow:hidden}@media only screen and (max-width: 767px){.modal{max-width:100%;left:0;bottom:0;height:calc(100vh - 48px);overflow:scroll;transform:translate(0);transform:translateY(100%)}.show .modal{display:block;opacity:1;height:auto;visibility:visible;bottom:0;transform:translateY(0)}}.modal .modal-header{position:relative;display:flex;align-items:flex-start;padding:var(--db-padding-s);padding-bottom:0;gap:8px}.modal .modal-header .modal-title{font-size:20px;margin:0;flex:1}.modal .modal-body{padding:var(--db-padding-s);overflow:scroll;max-height:80vh}.modal .modal-footer{position:relative;display:flex;align-items:flex-start;padding:var(--db-padding-s);border-top:1px solid var(--db-border-base);gap:8px}.modal .modal-footer .inline-btns{flex:1}.modal .modal-footer .inline-btns button{flex:1}.close-button{flex-shrink:0;width:24px;height:24px;z-index:80;border:none;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);background:var(--db-bg-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.close-button i{font-size:20px;color:var(--db-text-primary)}.close-button.round{border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);background:var(--db-bg-secondary)}.close-button.round i{color:var(--db-text-primary)}#installModal.show{align-items:flex-end;justify-content:flex-start;background-color:rgba(0,0,0,0)}#installModal.show .modal{max-width:300px}#installModal.show .inline-btns{width:100%}#installModal.show .inline-btns .primary{flex:1}@media only screen and (max-width: 767px){.modal main{padding-bottom:0}.modal-wrapper{padding:0}.modal-wrapper.show{align-items:flex-end}#installModal.show.modal-wrapper{height:auto}#installModal.show .modal{max-width:100%;height:auto;padding-bottom:24px}.modal{max-width:100%;left:0;bottom:0;height:calc(100vh - 48px);overflow:scroll;transform:translate(0);border-radius:var(--db-radius-xl) var(--db-radius-xl) 0 0;-webkit-border-radius:var(--db-radius-xl) var(--db-radius-xl) 0 0;-moz-border-radius:var(--db-radius-xl) var(--db-radius-xl) 0 0;-ms-border-radius:var(--db-radius-xl) var(--db-radius-xl) 0 0;transform:translateY(100%)}.show .modal{display:block;opacity:1;visibility:visible;bottom:0;transform:translateY(0)}}.pagination{position:relative;display:block;margin:0;margin-top:40px;padding:0;text-align:center}.pagination .page-numbers{padding:0;display:block;width:36px;text-align:center;height:36px;line-height:36px;color:var(--db-text-secondary);font-weight:bold;font-size:14px;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-appearance:none;position:relative;text-align:center;gap:var(--db-padding-xs);font-weight:bold;cursor:pointer;overflow:hidden;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);background:var(--db-bg-primary);border:1px solid var(--db-border-base);color:var(--db-text-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.pagination .page-numbers:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pagination .page-numbers i{color:inherit}.pagination .page-numbers::before{content:"";position:absolute;inset:-1px;background:linear-gradient(var(--rotate), rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.1));border-radius:inherit;opacity:0;transition:opacity .3s;z-index:-1;animation:db-anim-spin 3s linear infinite}.pagination .page-numbers:hover{background:var(--db-bg-secondary);box-shadow:0 2px 8px rgba(211,227,255,.7) inset}.pagination .page-numbers:hover::before{opacity:1}.pagination .page-numbers a{display:block;width:100%;height:100%}.pagination .page-numbers i{font-size:18px;color:var(--db-text-secondary)}.pagination .page-numbers.prev{background:rgba(0,0,0,0) !important}.pagination .page-numbers.prev:hover{background:var(--db-color-primary) !important}.pagination .page-numbers.prev:hover i{color:#fff}.pagination .page-numbers.next{background:rgba(0,0,0,0) !important}.pagination .page-numbers.next:hover{background:var(--db-color-primary) !important}.pagination .page-numbers.next:hover i{color:#fff}.pagination .page-numbers:hover,.pagination .page-numbers:focus{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-appearance:none;position:relative;text-align:center;gap:var(--db-padding-xs);font-weight:bold;cursor:pointer;overflow:hidden;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);background:var(--db-bg-secondary);border:1px solid var(--db-border-base);color:var(--db-color-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.pagination .page-numbers:hover:disabled,.pagination .page-numbers:focus:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pagination .page-numbers:hover i,.pagination .page-numbers:focus i{color:inherit}.pagination .page-numbers:hover::before,.pagination .page-numbers:focus::before{content:"";position:absolute;inset:-1px;background:linear-gradient(var(--rotate), rgba(0, 79, 255, 0.1), rgba(255, 255, 255, 0.2));border-radius:inherit;opacity:0;transition:opacity .3s;z-index:-1;animation:db-anim-spin 3s linear infinite}.pagination .page-numbers:hover:hover,.pagination .page-numbers:focus:hover{background:rgba(0,79,255,.1);border-color:rgba(0,79,255,.4);box-shadow:0 2px 8px rgba(255,255,255,.7) inset;position:relative}.pagination .page-numbers:hover:hover::before,.pagination .page-numbers:hover:hover::after,.pagination .page-numbers:focus:hover::before,.pagination .page-numbers:focus:hover::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.pagination .page-numbers:hover:hover::before,.pagination .page-numbers:focus:hover::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.pagination .page-numbers:hover:hover:hover::before,.pagination .page-numbers:focus:hover:hover::before{opacity:1}.pagination .page-numbers:hover:hover::before,.pagination .page-numbers:focus:hover::before{opacity:1}.pagination .page-numbers.current,.pagination .page-numbers.current:hover,.pagination .page-numbers:active{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-appearance:none;position:relative;text-align:center;gap:var(--db-padding-xs);font-weight:bold;cursor:pointer;overflow:hidden;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);background:linear-gradient(135deg, rgba(0, 79, 255, 0.9), rgba(0, 132, 255, 0.9));color:var(--db-text-inverse-primary);border:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.pagination .page-numbers.current:disabled,.pagination .page-numbers.current:hover:disabled,.pagination .page-numbers:active:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pagination .page-numbers.current i,.pagination .page-numbers.current:hover i,.pagination .page-numbers:active i{color:inherit}.pagination .page-numbers.current::before,.pagination .page-numbers.current:hover::before,.pagination .page-numbers:active::before{content:"";position:absolute;inset:-2px;background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary));border-radius:inherit;opacity:0;transition:opacity .3s;z-index:-1;animation:db-anim-spin 3s linear infinite}.pagination .page-numbers.current:hover,.pagination .page-numbers.current:hover:hover,.pagination .page-numbers:active:hover{background:linear-gradient(135deg, rgb(0, 79, 255), rgb(0, 132, 255));box-shadow:0 2px 8px rgba(255,255,255,.7) inset;position:relative}.pagination .page-numbers.current:hover::before,.pagination .page-numbers.current:hover::after,.pagination .page-numbers.current:hover:hover::before,.pagination .page-numbers.current:hover:hover::after,.pagination .page-numbers:active:hover::before,.pagination .page-numbers:active:hover::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.pagination .page-numbers.current:hover::before,.pagination .page-numbers.current:hover:hover::before,.pagination .page-numbers:active:hover::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.pagination .page-numbers.current:hover:hover::before,.pagination .page-numbers.current:hover:hover:hover::before,.pagination .page-numbers:active:hover:hover::before{opacity:1}.pagination .page-numbers.current:hover::before,.pagination .page-numbers.current:hover:hover::before,.pagination .page-numbers:active:hover::before{opacity:1}.nav-links{position:relative;font-size:0;background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);padding:var(--db-padding-xs);margin:auto;gap:var(--db-padding-xs);display:inline-flex;align-items:center;justify-content:center}.cards-section .grid{align-items:stretch}.card-item{position:relative}.card-item a{width:100%;display:flex;flex-direction:row;background:var(--db-bg-primary);padding:var(--db-padding-l);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);position:relative;gap:var(--db-padding-l);align-items:center}.card-item a::before,.card-item a::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.card-item a::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.card-item a:hover::before{opacity:1}.card-item .text-wrap{flex:1}.card-item h4{line-height:1.2;margin:0}.card-item .card-text{color:var(--db-text-secondary);font-size:14px;margin-bottom:0}.card-item i[class^=icon-]{font-size:20px;color:var(--db-text-secondary);flex-shrink:0}footer.site-footer{clear:both;position:relative;z-index:1;padding:var(--db-padding-l) 0;gap:var(--db-padding-l);margin-top:var(--db-margin-2xl);display:flex;justify-content:center;flex-direction:column}footer.site-footer .info{margin-top:var(--db-margin-l)}footer.site-footer .info span{line-height:1.2;font-size:13px;color:var(--db-text-tertiary);margin-right:var(--db-margin-s)}footer.site-footer .footer-textwrap{margin-bottom:var(--db-margin-2xl);text-align:center}footer.site-footer .footer-textwrap h3{font-size:40px;line-height:1;color:var(--db-text-tertiary)}footer.site-footer .social-info{margin-top:var(--db-margin-xl)}footer.site-footer .social-info a{position:relative;display:block;font-size:18px;color:var(--db-text-secondary);opacity:.7}footer.site-footer .social-info a:hover{opacity:1}footer.site-footer .sub-function{width:100%;display:flex;justify-content:flex-end;gap:var(--db-padding-xs);margin-top:var(--db-margin-l)}footer.site-footer .footer-row{display:flex;justify-content:space-between;width:100%;margin-bottom:var(--db-margin-xl)}footer.site-footer .footer-row .footer-area{width:calc(33% + 12px)}footer.site-footer .footer-row .footer-area h3{margin:var(--db-margin-l) 0;max-width:240px;width:240px}footer.site-footer .footer-link{flex:1;display:flex;gap:var(--db-padding-m);flex-wrap:wrap}footer.site-footer .footer-category{width:100%;flex:1}footer.site-footer .footer-category h4{color:var(--db-text-tertiary);font-size:14px}footer.site-footer .footer-category a{color:var(--db-text-tertiary);font-size:14px;line-height:1.25;display:block;padding:var(--db-margin-xxs) 0;opacity:1}footer.site-footer .footer-category a:hover{opacity:.7}footer.site-footer .company-info{width:100%;padding-top:var(--db-padding-m);margin-top:var(--db-margin-m);border-top:1px solid var(--db-border-base);font-size:12px;display:flex;justify-content:space-between}footer.site-footer .company-info div{display:flex;gap:var(--db-gap-m)}footer.site-footer .company-info div span{color:var(--db-text-tertiary)}.footer-navigation ul{display:flex;gap:12px}.footer-navigation ul li:first-child{font-weight:bold}.footer-logo{width:160px;height:20px;background:url(../1f4dc9fbd00098a50a41.svg) no-repeat left;background-size:contain;opacity:.6}[data-theme=dark] .footer-logo{background:url(../f63e4335933a4d9b333f.svg) no-repeat left;background-size:contain}.scroll-container{width:calc(100% + var(--db-padding-l)*2);margin-left:calc(-1*var(--db-padding-l));margin-right:calc(-1*var(--db-padding-l));position:relative}.scroll-wrapper{display:flex;width:fit-content}.scrolling-text{white-space:nowrap;font-size:80px;font-weight:bold;color:var(--db-text-tertiary);opacity:.5;display:flex;animation:db-anim-scroll-x 20s linear infinite}.text-item{line-height:1;margin-right:80px}#toast{position:fixed;bottom:var(--db-margin-l);left:auto;right:auto;display:flex;justify-content:center;width:100%;margin:auto;transform:translateY(1rem);z-index:9001;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none}#toast.show{opacity:1;transform:translateY(0)}#toast .toast-content{color:#fff;padding:var(--db-padding-m);font-size:13px;line-height:14px;font-weight:bold;text-align:center;background-color:var(--db-bg-secondary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.language-switcher a{color:var(--db-text-secondary);opacity:.6;transition:.3s}.language-switcher a:hover{opacity:1}.language-switcher a.active{opacity:1}#darkmode-toggle{position:relative;background-color:var(--db-bg-secondary);border:1px solid var(--db-border-base);width:60px;height:32px;display:flex;align-items:center;justify-content:space-around;border-radius:var(--db-radius-full);-webkit-border-radius:var(--db-radius-full);-moz-border-radius:var(--db-radius-full);-ms-border-radius:var(--db-radius-full);z-index:999;transition:background-color .3s}#darkmode-toggle:hover{cursor:pointer}#darkmode-toggle:active{opacity:.7}#darkmode-toggle .knob{position:absolute;left:var(--db-padding-xxs);width:28px;height:28px;border-radius:var(--db-radius-full);-webkit-border-radius:var(--db-radius-full);-moz-border-radius:var(--db-radius-full);-ms-border-radius:var(--db-radius-full);background-color:#fff;border:1px solid var(--db-border-base);transition:.3s;display:flex;justify-content:center;align-items:center}#darkmode-toggle .knob span{line-height:18px}[data-theme=dark] #darkmode-toggle,.dark-mode #darkmode-toggle,.darkmode--activated #darkmode-toggle{background-color:var(--db-bg-secondary);border-color:var(--db-bg-secondary)}[data-theme=dark] #darkmode-toggle .knob,.dark-mode #darkmode-toggle .knob,.darkmode--activated #darkmode-toggle .knob{left:calc(var(--db-padding-l) + var(--db-padding-xxs));background-color:var(--db-bg-secondary);border-color:var(--db-bg-secondary)}[data-theme=dark] #darkmode-toggle .light-icon,.dark-mode #darkmode-toggle .light-icon,.darkmode--activated #darkmode-toggle .light-icon{display:none}[data-theme=dark] #darkmode-toggle .dark-icon,.dark-mode #darkmode-toggle .dark-icon,.darkmode--activated #darkmode-toggle .dark-icon{display:block}.light-icon,.dark-icon{display:none}#darkmode-toggle .light-icon{display:block}@media(prefers-color-scheme: dark){.darkmode--activated #darkmode-toggle{background-color:#333;color:#fff}}#scrollProgressBtn{position:fixed;bottom:var(--db-margin-m);right:var(--db-margin-m);width:48px;height:48px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;background-color:var(--db-surface-alpha-70);border:none;cursor:pointer;opacity:0;transition:opacity .3s ease;z-index:1000;padding:0}@supports(-webkit-backdrop-filter: initial) or (backdrop-filter: initial){#scrollProgressBtn{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}}@supports not ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)){#scrollProgressBtn{filter:blur(24px);-webkit-filter:blur(24px);-moz-filter:blur(24px);-o-filter:blur(24px);-ms-filter:blur(24px);background-color:var(--db-surface-base)}}#scrollProgressBtn svg{width:100%;height:100%;transition:transform .3s cubic-bezier(0.68, -0.55, 0.27, 1.55)}#scrollProgressBtn .bg-circle{fill:none;stroke:#f6f6f6;stroke-width:3}#scrollProgressBtn .progress-circle{fill:none;stroke-width:3;transform:rotate(-90deg);transform-origin:center;transition:stroke .3s ease,transform .3s ease}#scrollProgressBtn .chevron{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:24px;height:24px;transition:color .3s ease}#scrollProgressBtn.completed svg:not(.chevron){transform:scale(1.1)}@media only screen and (max-width: 1024px){footer.site-footer .footer-category{width:140px}footer.site-footer .footer-textwrap h3{font-size:32px}footer.site-footer .social-info a{font-size:16px}}@media only screen and (max-width: 820px){.cards-section .grid-3{grid-template-columns:repeat(1, 1fr);-ms-grid-columns:repeat(1, 1fr)}footer.site-footer{gap:var(--db-padding-m)}footer.site-footer .footer-category a{font-size:14px}footer.site-footer .social-info a{font-size:14px}#toast .toast-content{font-size:12px}.scrolling-text{animation-duration:15s}}@media only screen and (max-width: 767px){footer.site-footer .footer-wrapper{padding:var(--db-padding-s);gap:var(--db-padding-l)}footer.site-footer .footer-row{flex-direction:column}footer.site-footer .footer-row .footer-area h3{margin:var(--db-margin-m) 0}footer.site-footer .footer-link{margin-top:var(--db-margin-l);flex-wrap:wrap}footer.site-footer .footer-link .footer-category{width:calc(50% - var(--db-padding-m)/2);flex:none}footer.site-footer .company-info{flex-direction:column-reverse;align-items:center;gap:var(--db-margin-s);text-align:center}footer.site-footer .company-info .copyright{color:var(--db-text-tertiary)}footer.site-footer .company-info .footer-navigation{width:100%}footer.site-footer .company-info .footer-navigation ul.gnb{justify-content:center;flex-wrap:wrap}.scrolling-text{font-size:40px;animation-duration:10s}.scrolling-text .text-item{margin-right:40px}}.wp-block-table,table{margin-bottom:var(--db-margin-m);text-align:left;width:100%;table-layout:auto !important}.wp-block-table caption,.wp-block-table th,table caption,table th{font-weight:bold}.wp-block-table caption,table caption{color:var(--db-text-tertiary)}.wp-block-table th,.wp-block-table td,table th,table td{border-bottom:1px solid var(--db-border-base);padding:var(--db-padding-s) 0;text-align:left;min-width:140px;font-size:16px;line-height:1.5}.wp-block-table th:not(:first-child),.wp-block-table td:not(:first-child),table th:not(:first-child),table td:not(:first-child){padding-left:var(--db-padding-s)}.wp-block-table thead,table thead{border-bottom:2px solid var(--db-border-base)}.wp-block-table thead th,table thead th{color:var(--db-text-secondary)}@media screen and (max-width: 768px){table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}.section-category-swiper{padding:var(--db-padding-m) 0}.section-category-swiper .category-slider{position:relative;padding:0 var(--db-padding-m)}.section-category-swiper .swiper-slide{width:auto}.section-category-swiper .category-card{display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:120px;height:120px;gap:var(--db-margin-xs);padding:var(--db-padding-s) var(--db-padding-m);text-decoration:none;background:var(--db-bg-primary);padding:var(--db-padding-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);position:relative;transition:all .3s ease}.section-category-swiper .category-card::before,.section-category-swiper .category-card::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.section-category-swiper .category-card::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.section-category-swiper .category-card:hover::before{opacity:1}.section-category-swiper .category-card .category-name{font-size:13px;font-weight:500;line-height:1;text-align:center;color:var(--db-text-primary);margin:0}.section-category-swiper .category-card .category-count{font-size:12px;color:var(--db-text-secondary);line-height:1}.section-category-swiper .category-icon{width:36px;height:36px;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);border:1px solid var(--db-border-base);overflow:hidden;margin-bottom:var(--db-margin-xs)}.section-category-swiper .category-icon img{width:100%;height:100%;object-fit:cover}.section-category-swiper .swiper-button-next,.section-category-swiper .swiper-button-prev{width:32px;height:32px;background:var(--db-bg-secondary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.section-category-swiper .swiper-button-next::after,.section-category-swiper .swiper-button-prev::after{font-size:14px;color:var(--db-text-primary)}.section-category-swiper .swiper-button-next:hover,.section-category-swiper .swiper-button-prev:hover{background:var(--db-bg-tertiary)}.section-category-grid .category-grid{display:grid;grid-template-columns:repeat(8, 1fr);gap:var(--db-margin-m)}.section-category-grid .category-card{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;text-align:left;height:102px;gap:var(--db-margin-xs);text-decoration:none;background:var(--db-bg-primary);padding:var(--db-padding-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);position:relative;transition:all .3s ease}.section-category-grid .category-card::before,.section-category-grid .category-card::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.section-category-grid .category-card::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.section-category-grid .category-card:hover::before{opacity:1}.section-category-grid .category-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.section-category-grid .category-card .category-content{display:flex;gap:var(--db-margin-xs);text-align:left;flex-direction:column}.section-category-grid .category-card .category-name{width:100%;font-size:13px;font-weight:500;line-height:1;color:var(--db-text-primary);margin:0}.section-category-grid .category-card .category-count{width:100%;font-size:12px;color:var(--db-text-secondary);line-height:1}.section-category-grid .category-icon{width:36px;height:36px;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);border:1px solid var(--db-border-base);overflow:hidden;margin-bottom:var(--db-margin-xs)}.section-category-grid .category-icon img{width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 820px){.section-category-grid .category-grid{grid-template-columns:repeat(6, 1fr);gap:var(--db-gap-m)}}@media only screen and (max-width: 767px){.section-category-grid .category-grid{grid-template-columns:repeat(3, 1fr);gap:var(--db-gap-s)}.section-category-grid .category-card{height:92px}.section-category-grid .category-icon{width:28px;height:28px}}.author-description{position:relative;margin:var(--db-margin-l) 0;display:flex;align-items:center;justify-content:space-between;background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);padding:var(--db-padding-m);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.author-description .avatar{display:flex;align-items:center;gap:var(--db-gap-m)}.author-description .avatar .author-profile{width:48px;height:48px;overflow:hidden;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);background:var(--db-color-primary) url(../ad1d9805b21818666e74.svg) no-repeat 55%;background-size:45%}.author-description .description h6{margin-top:0;font-weight:bold;margin-bottom:var(--db-margin-xs);font-size:18px;line-height:1}.author-description .description p{color:var(--db-text-secondary);font-size:14px;line-height:20px;margin-bottom:0}.social-list{list-style:none;display:flex;gap:var(--db-margin-m)}.social-list a{position:relative;display:flex;align-items:center;justify-content:center;-webkit-transition:.3s;transition:.3s;opacity:1}.social-list a:hover{opacity:.6}.social-list a:last-child{margin-right:0}.adobe-description{position:relative;margin:0;margin:var(--db-margin-l) 0;background-color:var(--db-bg-secondary);border:1px solid var(--db-bg-secondary);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);width:100%}.adobe-description>a{padding:var(--db-padding-s);display:flex;align-items:center;justify-content:space-between}.adobe-description .avatar{display:flex;align-items:center;gap:var(--db-gap-m);width:100%}.adobe-description .avatar .author-profile{width:48px;height:48px;overflow:hidden;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);background:#fa0c00 url(../9df121d4893df497159d.svg) no-repeat center;background-size:45%;flex-shrink:0}.adobe-description .description{width:100%}.adobe-description .description h6{margin-top:0;font-weight:bold;margin-bottom:var(--db-margin-xs);font-size:18px;line-height:1;color:var(--db-text-primary)}.adobe-description .description p{color:var(--db-text-primary);font-size:14px;line-height:20px;margin-bottom:0}.adobe-description .arrow-button{flex-shrink:0}@media only screen and (max-width: 767px){.adobe-description .avatar{flex-direction:column}.adobe-description .description{text-align:center}}.google-ad-banner{margin:auto;margin-top:var(--db-margin-l);margin-bottom:var(--db-margin-l);text-align:center}.bookmark-page .google-ad-banner,.archive .google-ad-banner,.category .google-ad-banner,.search .google-ad-banner{border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);padding:var(--db-padding-m);background-color:var(--db-bg-secondary)}.google-ad-banner.home{border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);max-width:1440px;padding:var(--db-padding-m);background-color:var(--db-bg-secondary)}.ad-wrapper{margin:var(--db-padding-l) 0}.adslot-responsive{width:320px;height:100px}.coupang-ad-banner{margin:auto;margin-top:var(--db-margin-l);margin-bottom:var(--db-margin-l);text-align:center}@media(max-width: 810px){.google-ad-banner.home{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;padding:0;background-color:var(--db-bg-secondary)}}.course-list-section{padding-bottom:16px}.course-container{overflow:hidden}.course-slider{margin:80px 0;text-align:center;overflow:visible}.course-slider a{position:relative;display:block;margin:0;color:var(--db-text-secondary)}.course-slider a:hover{transform:scale(1.1)}.course-slider a:hover .tool-name{opacity:1;bottom:-30px}.course-slider .course-list-prepare{display:none}.course-slider .course-list-prepare .tool-icon{opacity:.4}.course-slider .tool-name{position:absolute;bottom:-20px;left:-30px;width:120px;color:var(--db-text-secondary);opacity:0;transition:.3s}.course-slider .badge-preparing{display:none}.course-list{position:relative;width:100%;padding:var(--db-padding-l);padding-left:var(--db-padding-2xl);display:block;overflow:hidden;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);background:#fff;border:1px solid var(--db-border-base);transition:.3s}.course-list:hover{-webkit-box-shadow:0px 12px 24px -12px rgba(0,0,0,.1);-moz-box-shadow:0px 12px 24px -12px rgba(0,0,0,.1);box-shadow:0px 12px 24px -12px rgba(0,0,0,.1)}.course-slider .course-list{width:auto;margin-bottom:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;background:rgba(0,0,0,0);border:none;border-right:1px solid var(--db-border-base)}.course-slider .course-list:hover{background-color:#fff}.course-list .tool-name{text-align:left;font-size:14px;font-weight:normal;line-height:24px;color:var(--db-text-secondary) !important}.course-list .tool-icon{position:absolute;left:var(--db-padding-l);top:var(--db-padding-l);width:24px;height:24px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%}@media only screen and (max-width: 767px){.course-list{width:100%;padding:var(--db-padding-m);padding-left:var(--db-padding-2xl);margin-bottom:var(--db-margin-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.course-list .tool-icon{left:var(--db-padding-m);top:var(--db-padding-m)}.course-list .tool-name{font-size:14px}}.faq-section .title-wrap{margin-bottom:40px}.faq-section .accordion{position:relative;cursor:pointer;width:100%;border:none;text-align:left;outline:none;font-size:15px;margin-bottom:var(--db-margin-m);border-bottom:1px solid rgba(255,255,255,.1)}.faq-section .accordion:last-child{border:none}.faq-section .accordion .accordion-header{position:relative;margin-bottom:0;padding-right:var(--db-padding-l);transition:.4s}.faq-section .accordion .accordion-header:hover{opacity:.5}.faq-section .accordion .icon-arrow-down{position:absolute;right:0;top:var(--db-padding-xxs);width:24px;height:24px;background:url(../3336446232536f8c1f98.svg) no-repeat center;background-size:contain;transition:.4s}.faq-section .accordion .accordion-content{padding:var(--db-padding-xs) 0;max-height:0;overflow:hidden;opacity:0;transition:opacity .2s,max-height .2s ease-out}.faq-section .accordion .accordion-content .wp-block-image{border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);margin-bottom:var(--db-margin-m);overflow:hidden;max-width:720px}.faq-section .accordion.active .icon-arrow-down{transform:rotate(180deg)}.faq-section .accordion.active .accordion-content{opacity:1;margin-bottom:var(--db-margin-m)}.section-popular-tags{padding:var(--db-padding-m) 0}.section-popular-tags .popular-tags-wrap{padding:var(--db-padding-l) var(--db-padding-m);background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.section-popular-tags .category-title-wrap{justify-content:center}.section-popular-tags .tags-container{display:flex;flex-wrap:wrap;gap:var(--db-margin-s);justify-content:center;max-width:860px;margin:0 auto}@media only screen and (max-width: 767px){.section-popular-tags{padding:var(--db-padding-l) 0}.section-popular-tags .section-title{font-size:24px;margin-bottom:var(--db-margin-l)}.section-popular-tags .tags-container{gap:var(--db-margin-xs)}.section-popular-tags .tag-item{font-size:13px}}.countdown-wrapper{width:100%;background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);border:1px solid var(--db-border-base);display:flex;flex-direction:column;align-items:center}.countdown-wrapper .countdown-title{font-size:16px;font-weight:700;line-height:20px;color:var(--db-text-primary)}.countdown-wrapper .countdown{width:100%;display:inline-flex;gap:0;justify-content:center;align-items:center;padding:var(--db-padding-xs)}.countdown-wrapper .countdown .countdown-item{display:flex;flex-direction:column;align-items:center;gap:0;position:relative;padding:0 var(--db-margin-xxs)}.countdown-wrapper .countdown .countdown-item:not(:last-child)::after{content:":";position:absolute;right:-3px;top:3px;color:var(--db-text-tertiary);font-weight:bold;font-size:14px}.countdown-wrapper .countdown .countdown-item span{display:block;text-align:center}.countdown-wrapper .countdown .countdown-item span.days,.countdown-wrapper .countdown .countdown-item span.hours,.countdown-wrapper .countdown .countdown-item span.minutes,.countdown-wrapper .countdown .countdown-item span.seconds{font-size:20px;line-height:1;width:48px;text-align:center;color:var(--db-text-primary)}.countdown-wrapper .countdown .countdown-item span.label{font-size:12px;line-height:1;margin-top:var(--db-padding-xxs);color:var(--db-text-tertiary);text-transform:uppercase}.countdown-wrapper .end-date{font-size:14px;line-height:1;color:var(--db-text-secondary);margin-top:var(--db-margin-s)}.cards-slider{overflow:visible}.cards-slider .swiper-pagination{bottom:0;left:0;right:0;text-align:center;margin-top:var(--db-margin-s);position:relative;z-index:10}.cards-slider .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 var(--db-margin-xs);display:inline-block;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;background:var(--db-border-layer-1);opacity:1}.cards-slider .swiper-pagination .swiper-pagination-bullet-active{background:var(--db-color-primary)}.swiper-scrollbar{height:4px;left:30%;background:var(--db-bg-primary);width:40%}.swiper-scrollbar .swiper-scrollbar-drag{background:var(--db-bg-tertiary);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);transition:.3s;cursor:pointer}.swiper-scrollbar .swiper-scrollbar-drag:hover{background:var(--db-color-primary)}.swiper-container{padding:0;width:100%}.testimonials .swiper-container{padding:0 var(--db-padding-xl)}.course-container .swiper-container{padding:0}.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{opacity:0}.swiper-container:hover .swiper-button-next,.swiper-container:hover .swiper-button-prev{opacity:1}.swiper-container .swiper-slide{transition:opacity .3s,transform .3s;transform:scale(1);opacity:1}.swiper-container.drag .swiper-slide{transition:opacity .3s,transform .3s;opacity:.8;transform:scale(0.9)}.swiper-wrapper{height:auto}.banner-slider .swiper-slide{width:100%}.banner-slider .swiper-button-next{right:var(--db-padding-xl)}.banner-slider .swiper-button-prev{left:var(--db-padding-xl)}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:0;display:none}.swiper-button-next,.swiper-button-prev{width:48px;height:48px;background-color:rgba(240,240,240,.7);backdrop-filter:blur(3px);background-size:24px;background-position:center;background-repeat:no-repeat;z-index:2;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-webkit-transition:.4s;transition:.4s;position:absolute;top:80px}.banner-slider .swiper-button-next,.testimonials .swiper-button-next,.section-featured .swiper-button-next,.banner-slider .swiper-button-prev,.testimonials .swiper-button-prev,.section-featured .swiper-button-prev{top:50%}.swiper-button-next:hover,.swiper-button-prev:hover{background-color:var(--db-color-primary);box-shadow:0 4px 12px rgba(0,79,255,.4)}.swiper-button-prev{background-image:url(../a874755a8acadc53f1ef.svg);left:var(--db-padding-xs)}.swiper-button-prev:hover{background-image:url(../9ee9787c87e02471510c.svg)}.swiper-button-next{background-image:url(../0eb0bab24485acc38c7b.svg);right:var(--db-padding-xs)}.swiper-button-next:hover{background-image:url(../1b670a3e29f2605d152d.svg)}.row .swiper-slide.mo{margin-right:0 !important}.featured-slider .swiper-pagination{bottom:auto}.swiper-pagination-bullet{width:20px;height:2px;margin:0 var(--db-padding-xxs);display:inline-block;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;background:var(--db-bg-secondary);opacity:1}.swiper-pagination-bullet-active{position:relative;background:var(--db-bg-tertiary)}.swiper-pagination-bullet-active .swiper-pagination-progress{background:var(--db-color-primary);animation:db-anim-fill 6s linear infinite}.swiper-pagination-bullet .swiper-pagination-progress{position:absolute;left:0;width:0%;height:100%;transition:.1s}@media only screen and (max-width: 767px){.swiper-container.drag .swiper-slide{transition:0;opacity:1;transform:scale(1)}.swiper-button-next,.swiper-button-prev{display:none}}#banner-section-header{position:sticky;top:0;z-index:9999}#banner-section-header .swiper-pagination-bullets{bottom:0;display:none !important}#banner-section-header .banner-actions{position:absolute;right:0;top:0;z-index:1000;padding:var(--db-padding-m)}#banner-section-header .close-button{position:absolute;right:12px;z-index:100}#banner-section-header .banner-item{position:relative;overflow:hidden;width:100%;background-color:var(--db-bg-secondary);transition:all .2s ease;opacity:1;z-index:1}#banner-section-header .banner-item:hover{opacity:.8}#banner-section-header .banner-item.dark{color:#fff}#banner-section-header .banner-item .text-area{position:relative;display:block;width:100%;padding:var(--db-padding-m);display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:row;gap:var(--db-padding-xs)}#banner-section-header .banner-item .text-area h3{font-size:18px;font-weight:bold;color:#fff;margin:0}#banner-section-header .banner-item .text-area p{font-size:14px;color:#fff;margin:0}#banner-section-detail{margin-bottom:var(--db-margin-l);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}#banner-section-detail.single-banner .swiper-pagination-bullets{display:none !important}#banner-section-detail .swiper-pagination-bullets{bottom:0;right:0;display:flex;padding:var(--db-padding-l)}#banner-section-detail .banner-item{position:relative;width:100%;background-color:var(--db-bg-secondary);z-index:1}#banner-section-detail .banner-item.dark{color:#fff}#banner-section-detail .banner-item .link-area{position:relative;display:block;width:100%;min-height:180px;display:flex;align-items:left;justify-content:left;flex-direction:column;text-align:left;overflow:hidden}#banner-section-detail .banner-item .link-area .text-area{width:100%;max-width:340px;padding:var(--db-padding-m)}#banner-section-detail .banner-item .link-area .text-area h3{font-size:28px;font-weight:bold;color:#fff;margin:0}#banner-section-detail .banner-item .link-area .text-area .banner-content{font-size:16px;color:#fff;margin:0}@media(max-width: 767px){#banner-section-detail .banner-item .link-area{min-height:140px}#banner-section-detail .banner-item .link-area .text-area{padding:var(--db-padding-s);padding-bottom:32px;max-width:200px}#banner-section-detail .banner-item .link-area .text-area h3{font-size:20px}}.banner-hide-week-label{display:inline-flex;align-items:center;cursor:pointer;font-size:14px;padding:var(--db-padding-xs)}.banner-hide-week-checkbox{display:none}.custom-checkbox{width:20px;height:20px;border:2px solid var(--db-border-base);border-radius:var(--db-radius-xs);-webkit-border-radius:var(--db-radius-xs);-moz-border-radius:var(--db-radius-xs);-ms-border-radius:var(--db-radius-xs);margin-right:var(--db-padding-xs);display:inline-flex;justify-content:center;align-items:center;transition:all .2s ease}.custom-checkbox::after{content:"";background-size:contain;opacity:0;transition:opacity .2s ease}.banner-hide-week-checkbox:checked+.custom-checkbox{background-color:#007bff;border-color:#007bff}.banner-hide-week-checkbox:checked+.custom-checkbox::after{opacity:1}#banner-section-modal{background-color:rgba(0,0,0,0)}#banner-section-modal .swiper-pagination-bullets{bottom:0}#banner-section-modal .modal{pointer-events:auto;position:relative;background-color:rgba(0,0,0,0);border-radius:0}#banner-section-modal .modal-header-actions{display:flex;align-items:center;gap:var(--db-padding-s);margin-bottom:var(--db-padding-s);justify-content:flex-end}@media only screen and (max-width: 767px){#banner-section-modal .modal-header-actions{padding:0 var(--db-padding-m)}}#banner-section-modal .modal-header-actions .banner-hide-week-label{display:flex;align-items:center;font-size:12px;color:var(--db-text-inverse-primary);height:var(--db-size-control-m);background:var(--db-surface-alpha-inverse-70);padding:var(--db-padding-xs) var(--db-padding-s);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);cursor:pointer}#banner-section-modal .modal-header-actions .banner-hide-week-label .custom-checkbox{width:20px;height:20px;border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);transition:all .2s ease}#banner-section-modal .modal-header-actions .banner-hide-week-label .custom-checkbox::after{content:"✓";color:var(--db-text-inverse-primary);font-size:16px;opacity:0;transition:opacity .2s ease}#banner-section-modal .modal-header-actions .banner-hide-week-label input[type=checkbox]{display:none}#banner-section-modal .modal-header-actions .banner-hide-week-label input[type=checkbox]:checked+.custom-checkbox{background:#fff}#banner-section-modal .modal-header-actions .banner-hide-week-label input[type=checkbox]:checked+.custom-checkbox::after{opacity:1;color:#000}#banner-section-modal .modal-header-actions .modal-close-button{width:var(--db-size-control-m);height:var(--db-size-control-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);background:var(--db-surface-alpha-inverse-70);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}#banner-section-modal .modal-header-actions .modal-close-button:hover{background:var(--db-surface-alpha-inverse-50)}#banner-section-modal .modal-header-actions .modal-close-button i{font-size:20px;color:#fff}#banner-section-modal .banner-actions{display:flex;gap:var(--db-gap-xs);justify-content:flex-end}#banner-section-modal .banner-actions button{border:none;box-shadow:none}@media only screen and (max-width: 767px){#banner-section-header .banner-slider .swiper-pagination{display:none !important}#banner-section-header .swiper-pagination-bullets{display:none}#banner-section-header .banner-item .text-area h3{font-size:16px;line-height:1.5}#banner-section-modal{background-color:rgba(0,0,0,.2)}}#mouse-pointer{position:absolute;width:16px;height:16px;top:50%;left:50%;margin:-8px 0 0 -8px;border-radius:50%;background:#ccc;mix-blend-mode:normal;pointer-events:none;z-index:9999;opacity:1;transition:transform .3s,opacity .3s,filter .3s}#mouse-pointer.hide{transform:scale(0);opacity:0}#mouse-pointer.hover{background:#eee;mix-blend-mode:difference;transform:scale(3);filter:blur(3px)}#loading-bar{position:fixed;top:0;left:0;width:0;height:4px;background-color:#004fff;transition:width .3s ease-out;z-index:999}.loading-start #loading-bar{width:100%}.pwa-benefit-wrapper{padding:var(--db-padding-xs);background-color:rgba(var(--db-color-primary), 0.06);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);margin-bottom:var(--db-margin-m)}.pwa-benefit li{position:relative;padding-left:var(--db-padding-m);list-style-type:none;font-size:14px}.pwa-benefit li::before{content:"-";position:absolute;left:0;font-weight:bold}#gradient-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1}#gradient-container canvas{position:absolute;top:0;left:0;width:100%;height:100%}body.dark-mode #gradient-container.dark{opacity:1}body.dark-mode #gradient-container.light{opacity:0}body:not(.dark-mode) #gradient-container.light{opacity:1}body:not(.dark-mode) #gradient-container.dark{opacity:0}.bg-gradient{position:relative;overflow:hidden}.bg-gradient::before{content:"";display:block;position:absolute;top:auto;bottom:0;left:0;width:100%;height:2px;z-index:1;background:linear-gradient(90deg, var(--db-surface-alpha-10) 0%, var(--db-surface-alpha-70) 50%, var(--db-surface-alpha-10) 100%);opacity:1}.bg-gradient::after{content:"";position:absolute;bottom:-400px;left:calc(50% - 400px);width:800px;height:800px;z-index:-1;background:radial-gradient(circle, var(--db-color-primary-20) 0%, transparent 60%);pointer-events:none}.bg-gradient.line-bottom::before{top:auto;bottom:0;opacity:1}.bg-gradient.line-top::before{top:0;bottom:auto;opacity:1}.bg-gradient.circle-br::after{top:auto;bottom:-200px;left:auto;right:-200px;background:radial-gradient(circle, var(--db-color-primary-20) 0%, transparent 60%)}.bg-gradient.circle-tl::after{top:-200px;left:-200px;right:auto;bottom:auto;background:radial-gradient(circle, var(--db-color-primary-20) 0%, transparent 60%)}.bg-gradient-02{position:relative;overflow:hidden}.dark-mode .bg-gradient-02::before,body.dark-mode .bg-gradient-02::before,body.darkmode--activated .bg-gradient-02::before{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 100%)}.bg-gradient-02::before{content:"";display:block;position:absolute;top:auto;bottom:0;left:0;width:100%;height:1px;z-index:1;background:linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.1) 100%);opacity:1}.bg-gradient-02::after{content:"";position:absolute;top:-250px;left:calc(50% - 250px);width:500px;height:500px;z-index:0;background:radial-gradient(circle, rgba(79, 140, 255, 0.1) 0%, rgba(255, 255, 255, 0) 60%);pointer-events:none;opacity:0;animation:db-anim-gradient-float 20s ease-in-out infinite}.bg-gradient-02 .bg-gradient__overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.bg-gradient-02 .bg-gradient__overlay::before{content:"";position:absolute;top:-300px;left:-600px;width:1200px;height:600px;background:radial-gradient(circle, rgba(79, 140, 255, 0.1) 0%, rgba(255, 255, 255, 0) 60%);animation:db-anim-gradient-move-left 25s ease-in-out infinite}.bg-gradient-02 .bg-gradient__overlay::after{content:"";position:absolute;bottom:-300px;right:-600px;width:1200px;height:600px;background:radial-gradient(circle, rgba(79, 140, 255, 0.1) 0%, rgba(255, 255, 255, 0) 60%);animation:db-anim-gradient-move-right 30s ease-in-out infinite}@media only screen and (max-width: 1024px){.bg-gradient-02::after{width:400px;height:400px;top:-200px;left:calc(50% - 200px)}.bg-gradient-02 .bg-gradient__overlay::before{top:-250px;left:-500px;width:1000px;height:500px}.bg-gradient-02 .bg-gradient__overlay::after{bottom:-250px;right:-500px;width:1000px;height:500px}}@media only screen and (max-width: 820px){.bg-gradient-02::after{width:300px;height:300px;top:-150px;left:calc(50% - 150px)}.bg-gradient-02 .bg-gradient__overlay::before{top:-200px;left:-400px;width:800px;height:400px}.bg-gradient-02 .bg-gradient__overlay::after{bottom:-200px;right:-400px;width:800px;height:400px}}@media only screen and (max-width: 767px){.bg-gradient-02::after{width:250px;height:250px;top:-125px;left:calc(50% - 125px)}.bg-gradient-02 .bg-gradient__overlay::before{top:-150px;left:-300px;width:600px;height:300px}.bg-gradient-02 .bg-gradient__overlay::after{bottom:-150px;right:-300px;width:600px;height:300px}}@media only screen and (max-width: 480px){.bg-gradient-02::after{width:200px;height:200px;top:-100px;left:calc(50% - 100px)}.bg-gradient-02 .bg-gradient__overlay::before{top:-120px;left:-240px;width:480px;height:240px}.bg-gradient-02 .bg-gradient__overlay::after{bottom:-120px;right:-240px;width:480px;height:240px}}.preview-marquee-wrapper{width:100%;overflow:hidden;position:relative;padding:40px 0}.preview-marquee-wrapper .preview-marquee-track{position:relative;width:100%;display:flex;margin-bottom:24px;overflow:hidden}.preview-marquee-wrapper .preview-marquee-track:last-child{margin-bottom:0}.preview-marquee-wrapper .preview-marquee-track .preview-marquee-content{display:flex;gap:24px;min-width:fit-content;will-change:transform;position:relative}.preview-marquee-wrapper .preview-marquee-track .preview-marquee-content.clone{position:absolute;top:0;left:0;transform:translateX(100%)}.preview-marquee-wrapper .preview-marquee-track .preview-marquee-content[data-direction=right]{animation-direction:reverse}.preview-marquee-wrapper .preview-marquee-track .preview-item{flex-shrink:0;width:400px}.preview-marquee-wrapper .preview-marquee-track .preview-item img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;overflow:hidden;background:var(--db-bg-primary)}.preview-marquee-wrapper .preview-marquee-track .preview-item .preview-info{padding:16px}.preview-marquee-wrapper .preview-marquee-track .preview-item .preview-info .preview-category{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;margin-bottom:8px}.preview-marquee-wrapper .preview-marquee-track .preview-item .preview-info .preview-category.foundation{background:#ffe2e5;color:#ff505f}.preview-marquee-wrapper .preview-marquee-track .preview-item .preview-info .preview-category.components{background:#e2f2ff;color:#0085ff}.preview-marquee-wrapper .preview-marquee-track .preview-item .preview-info .preview-category.template{background:#e2ffe7;color:#00b728}.preview-marquee-wrapper .preview-marquee-track .preview-item .preview-info .preview-title{font-size:16px;font-weight:600;color:var(--db-text-primary)}@media(max-width: 767px){.preview-marquee-wrapper{padding:24px 0}.preview-marquee-wrapper .preview-marquee-track{gap:16px;margin-bottom:16px}.preview-marquee-wrapper .preview-marquee-track .preview-marquee-content{gap:16px}.preview-marquee-wrapper .preview-marquee-track .preview-item{width:260px}.preview-marquee-wrapper .preview-marquee-track .preview-item .preview-info{padding:12px}}.gallery-section .gallery-slider{position:relative;margin-top:var(--db-margin-l)}.gallery-section .gallery-slider .gallery-item{position:relative;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);background:var(--db-bg-secondary);width:640px;height:480px;border:1px solid var(--db-border-base);overflow:hidden;flex-shrink:0}@media(max-width: 768px){.gallery-section .gallery-slider .gallery-item{width:280px;height:210px}}.gallery-section .gallery-slider .gallery-item .gallery-image-wrapper{position:relative;width:100%;height:100%}.gallery-section .gallery-slider .gallery-item .gallery-image-wrapper .gallery-image{width:100%;height:100%;object-fit:cover;display:block;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.gallery-section .gallery-slider .gallery-item .gallery-image-wrapper .gallery-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--db-surface-alpha-inverse-10);display:flex;align-items:center;justify-content:center;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-ms-transition:opacity .3s ease;transition:opacity .3s ease;cursor:pointer}.gallery-section .gallery-slider .gallery-item .gallery-image-wrapper .gallery-overlay .gallery-zoom-btn{background:var(--db-surface-alpha-inverse-70);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--db-text-primary);-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.gallery-section .gallery-slider .gallery-item .gallery-image-wrapper .gallery-overlay .gallery-zoom-btn:hover{background:var(--db-surface-alpha-inverse-50);transform:scale(1.1)}.gallery-section .gallery-slider .gallery-item .gallery-image-wrapper .gallery-overlay .gallery-zoom-btn svg{width:24px;height:24px;color:var(--db-text-inverse-primary)}.gallery-section .gallery-slider .gallery-item .gallery-image-wrapper:hover .gallery-overlay{opacity:1}.gallery-section .gallery-slider .gallery-item .gallery-image-wrapper:hover .gallery-image{transform:scale(1.05)}.gallery-section .gallery-slider .gallery-item .gallery-caption{position:absolute;bottom:0;left:0;right:0;z-index:1;padding:var(--db-padding-s);font-size:12px;color:var(--db-text-inverse-primary);text-align:center;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.gallery-section .gallery-slider .swiper-slide{height:auto;width:auto}.gallery-section .gallery-slider .swiper-scrollbar{margin-top:var(--db-margin-m)}.lightbox-thumbnails{display:flex;gap:var(--db-padding-xs);justify-content:center;margin-top:var(--db-padding-l);padding:var(--db-padding-m) 0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.lightbox-thumbnails::-webkit-scrollbar{display:none}@media(max-width: 768px){.lightbox-thumbnails{gap:var(--db-padding-xxs);padding:var(--db-padding-xs) 0}}.lightbox-thumbnail{position:relative;flex-shrink:0;width:50px;height:50px;border:2px solid rgba(0,0,0,0);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);overflow:hidden;outline:none;cursor:pointer;transition:all .3s ease;background:none;padding:0}@media(max-width: 768px){.lightbox-thumbnail{width:40px;height:40px;border-radius:var(--db-radius-xs);-webkit-border-radius:var(--db-radius-xs);-moz-border-radius:var(--db-radius-xs);-ms-border-radius:var(--db-radius-xs)}}.lightbox-thumbnail img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.lightbox-thumbnail:hover{border-color:rgba(255,255,255,.5);transform:scale(1.05)}.lightbox-thumbnail:hover img{opacity:.8}.lightbox-thumbnail:focus{outline:none}.lightbox-thumbnail.active{border-color:var(--db-color-primary);box-shadow:0 0 0 2px rgba(255,255,255,.3)}.lightbox-thumbnail.active img{opacity:1}.lightbox-thumbnail::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);opacity:0;transition:opacity .3s ease;z-index:1}.lightbox-thumbnail:hover::before{opacity:1}.lightbox-thumbnail.active::before{opacity:0}.lightbox-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.lightbox-modal.active{opacity:1;visibility:visible}.lightbox-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);backdrop-filter:blur(5px)}.lightbox-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--db-padding-xl);pointer-events:none}@media(max-width: 768px){.lightbox-container{padding:var(--db-padding-m)}}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;pointer-events:auto}.lightbox-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);box-shadow:0 10px 40px rgba(0,0,0,.5)}.lightbox-caption{margin-top:var(--db-padding-l);color:var(--db-text-inverse-primary);font-size:16px;text-align:center;max-width:600px;line-height:1.5}.lightbox-counter{margin-top:var(--db-padding-m);color:var(--db-text-inverse-primary);font-size:14px;line-height:1;padding:var(--db-padding-xs) var(--db-padding-s);background:var(--db-surface-alpha-inverse-10);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.lightbox-counter .total{opacity:.7}.lightbox-close{position:absolute;top:var(--db-padding-xl);right:var(--db-padding-xl);background:rgba(255,255,255,.1);border:none;border-radius:var(--db-radius-full);-webkit-border-radius:var(--db-radius-full);-moz-border-radius:var(--db-radius-full);-ms-border-radius:var(--db-radius-full);width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.lightbox-close:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.lightbox-close svg{width:20px;height:20px}@media(max-width: 768px){.lightbox-close{top:var(--db-padding-m);right:var(--db-padding-m);width:40px;height:40px}.lightbox-close svg{width:16px;height:16px}}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);border:none;border-radius:var(--db-radius-full);-webkit-border-radius:var(--db-radius-full);-moz-border-radius:var(--db-radius-full);-ms-border-radius:var(--db-radius-full);width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.lightbox-nav:hover{background:rgba(255,255,255,.2);transform:translateY(-50%) scale(1.1)}.lightbox-nav svg{width:24px;height:24px}@media(max-width: 768px){.lightbox-nav{width:48px;height:48px}.lightbox-nav svg{width:20px;height:20px}}.lightbox-prev{left:var(--db-padding-xl)}@media(max-width: 768px){.lightbox-prev{left:var(--db-padding-m);display:none}}.lightbox-next{right:var(--db-padding-xl)}@media(max-width: 768px){.lightbox-next{right:var(--db-padding-m);display:none}}body.lightbox-open{overflow:hidden}.lightbox-modal.active .lightbox-content{animation:db-anim-lightbox-fade-in .3s ease}@media(prefers-reduced-motion: reduce){.gallery-section .gallery-item,.gallery-section .gallery-image,.gallery-section .gallery-overlay{transition:none}.lightbox-modal,.lightbox-close,.lightbox-nav{transition:none}.lightbox-modal.active .lightbox-content{animation:none}}.accent-button{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-appearance:none;position:relative;text-align:center;gap:var(--db-padding-xs);font-weight:bold;cursor:pointer;overflow:hidden;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);color:var(--db-text-primary);font-size:12px;font-weight:bold;padding:var(--db-padding-xs) var(--db-padding-s);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);display:inline-flex;align-items:center;gap:var(--db-gap-xs);text-decoration:none;position:relative;position:relative;background-color:rgba(255,255,255,.4);border:1px solid rgba(0,0,0,.1);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);position:relative;color:var(--db-text-primary);transition:all .3s ease}.accent-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.accent-button::before,.accent-button::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.accent-button::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.accent-button:hover::before{opacity:1}.accent-button:hover{background-color:rgba(255,255,255,.2);text-decoration:none}.accent-button:hover::before{opacity:1}.google-login-button{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-appearance:none;position:relative;text-align:center;gap:var(--db-padding-xs);font-weight:bold;cursor:pointer;overflow:hidden;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);background:var(--db-bg-primary);border:1px solid var(--db-border-base);color:var(--db-text-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);cursor:pointer;height:var(--db-size-control-l);display:flex;margin-bottom:var(--db-margin-m)}.google-login-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.google-login-button i{color:inherit}.google-login-button::before{content:"";position:absolute;inset:-1px;background:linear-gradient(var(--rotate), rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.1));border-radius:inherit;opacity:0;transition:opacity .3s;z-index:-1;animation:db-anim-spin 3s linear infinite}.google-login-button:hover{background:var(--db-bg-secondary);box-shadow:0 2px 8px rgba(211,227,255,.7) inset}.google-login-button:hover::before{opacity:1}.faq-answer-content a{line-height:20px;height:fit-content;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);padding:var(--db-padding-m) var(--db-padding-l);font-size:16px;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-appearance:none;position:relative;text-align:center;gap:var(--db-padding-xs);font-weight:bold;cursor:pointer;overflow:hidden;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);background:var(--db-bg-secondary);border:1px solid var(--db-border-base);color:var(--db-color-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.faq-answer-content a:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.faq-answer-content a i{color:inherit}.faq-answer-content a::before{content:"";position:absolute;inset:-1px;background:linear-gradient(var(--rotate), rgba(0, 79, 255, 0.1), rgba(255, 255, 255, 0.2));border-radius:inherit;opacity:0;transition:opacity .3s;z-index:-1;animation:db-anim-spin 3s linear infinite}.faq-answer-content a:hover{background:rgba(0,79,255,.1);border-color:rgba(0,79,255,.4);box-shadow:0 2px 8px rgba(255,255,255,.7) inset;position:relative}.faq-answer-content a:hover::before,.faq-answer-content a:hover::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.faq-answer-content a:hover::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.faq-answer-content a:hover:hover::before{opacity:1}.faq-answer-content a:hover::before{opacity:1}.wp-block-button__link{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-appearance:none;position:relative;text-align:center;gap:var(--db-padding-xs);font-weight:bold;cursor:pointer;overflow:hidden;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);background:linear-gradient(135deg, rgba(0, 79, 255, 0.9), rgba(0, 132, 255, 0.9));color:var(--db-text-inverse-primary);border:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--db-padding-xs) var(--db-padding-m);font-size:14px;height:var(--db-size-control-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.wp-block-button__link:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.wp-block-button__link i{color:inherit}.wp-block-button__link::before{content:"";position:absolute;inset:-2px;background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary));border-radius:inherit;opacity:0;transition:opacity .3s;z-index:-1;animation:db-anim-spin 3s linear infinite}.wp-block-button__link:hover{background:linear-gradient(135deg, rgb(0, 79, 255), rgb(0, 132, 255));box-shadow:0 2px 8px rgba(255,255,255,.7) inset;position:relative}.wp-block-button__link:hover::before,.wp-block-button__link:hover::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.wp-block-button__link:hover::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.wp-block-button__link:hover:hover::before{opacity:1}.wp-block-button__link:hover::before{opacity:1}.wp-block-button__link i[class^=icon-],.wp-block-button__link i[class*=" icon-"]{font-size:16px}.wp-block-button__link:hover{color:var(--db-text-inverse-primary)}.button,input[type=button],input[type=reset],input[type=submit]{height:var(--db-size-control-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);display:inline-flex;align-items:center;justify-content:center;gap:var(--db-gap-xs)}.button:visited,input[type=button]:visited,input[type=reset]:visited,input[type=submit]:visited{color:var(--db-text-inverse-primary)}.button:hover,.button:active,.button:visited,.button:focus,input[type=button]:hover,input[type=button]:active,input[type=button]:visited,input[type=button]:focus,input[type=reset]:hover,input[type=reset]:active,input[type=reset]:visited,input[type=reset]:focus,input[type=submit]:hover,input[type=submit]:active,input[type=submit]:visited,input[type=submit]:focus{color:var(--db-text-inverse-primary);outline:none}.button.primary,input[type=button].primary,input[type=reset].primary,input[type=submit].primary{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-appearance:none;position:relative;text-align:center;gap:var(--db-padding-xs);font-weight:bold;cursor:pointer;overflow:hidden;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);background:linear-gradient(135deg, rgba(0, 79, 255, 0.9), rgba(0, 132, 255, 0.9));color:var(--db-text-inverse-primary);border:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.button.primary:disabled,input[type=button].primary:disabled,input[type=reset].primary:disabled,input[type=submit].primary:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button.primary i,input[type=button].primary i,input[type=reset].primary i,input[type=submit].primary i{color:inherit}.button.primary::before,input[type=button].primary::before,input[type=reset].primary::before,input[type=submit].primary::before{content:"";position:absolute;inset:-2px;background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary));border-radius:inherit;opacity:0;transition:opacity .3s;z-index:-1;animation:db-anim-spin 3s linear infinite}.button.primary:hover,input[type=button].primary:hover,input[type=reset].primary:hover,input[type=submit].primary:hover{background:linear-gradient(135deg, rgb(0, 79, 255), rgb(0, 132, 255));box-shadow:0 2px 8px rgba(255,255,255,.7) inset;position:relative}.button.primary:hover::before,.button.primary:hover::after,input[type=button].primary:hover::before,input[type=button].primary:hover::after,input[type=reset].primary:hover::before,input[type=reset].primary:hover::after,input[type=submit].primary:hover::before,input[type=submit].primary:hover::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.button.primary:hover::before,input[type=button].primary:hover::before,input[type=reset].primary:hover::before,input[type=submit].primary:hover::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.button.primary:hover:hover::before,input[type=button].primary:hover:hover::before,input[type=reset].primary:hover:hover::before,input[type=submit].primary:hover:hover::before{opacity:1}.button.primary:hover::before,input[type=button].primary:hover::before,input[type=reset].primary:hover::before,input[type=submit].primary:hover::before{opacity:1}.button.secondary,input[type=button].secondary,input[type=reset].secondary,input[type=submit].secondary{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-appearance:none;position:relative;text-align:center;gap:var(--db-padding-xs);font-weight:bold;cursor:pointer;overflow:hidden;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);background:var(--db-bg-secondary);border:1px solid var(--db-border-base);color:var(--db-color-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.button.secondary:disabled,input[type=button].secondary:disabled,input[type=reset].secondary:disabled,input[type=submit].secondary:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button.secondary i,input[type=button].secondary i,input[type=reset].secondary i,input[type=submit].secondary i{color:inherit}.button.secondary::before,input[type=button].secondary::before,input[type=reset].secondary::before,input[type=submit].secondary::before{content:"";position:absolute;inset:-1px;background:linear-gradient(var(--rotate), rgba(0, 79, 255, 0.1), rgba(255, 255, 255, 0.2));border-radius:inherit;opacity:0;transition:opacity .3s;z-index:-1;animation:db-anim-spin 3s linear infinite}.button.secondary:hover,input[type=button].secondary:hover,input[type=reset].secondary:hover,input[type=submit].secondary:hover{background:rgba(0,79,255,.1);border-color:rgba(0,79,255,.4);box-shadow:0 2px 8px rgba(255,255,255,.7) inset;position:relative}.button.secondary:hover::before,.button.secondary:hover::after,input[type=button].secondary:hover::before,input[type=button].secondary:hover::after,input[type=reset].secondary:hover::before,input[type=reset].secondary:hover::after,input[type=submit].secondary:hover::before,input[type=submit].secondary:hover::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.button.secondary:hover::before,input[type=button].secondary:hover::before,input[type=reset].secondary:hover::before,input[type=submit].secondary:hover::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.button.secondary:hover:hover::before,input[type=button].secondary:hover:hover::before,input[type=reset].secondary:hover:hover::before,input[type=submit].secondary:hover:hover::before{opacity:1}.button.secondary:hover::before,input[type=button].secondary:hover::before,input[type=reset].secondary:hover::before,input[type=submit].secondary:hover::before{opacity:1}.button.tertiary,input[type=button].tertiary,input[type=reset].tertiary,input[type=submit].tertiary{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-appearance:none;position:relative;text-align:center;gap:var(--db-padding-xs);font-weight:bold;cursor:pointer;overflow:hidden;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);background:var(--db-bg-primary);border:1px solid var(--db-border-base);color:var(--db-text-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.button.tertiary:disabled,input[type=button].tertiary:disabled,input[type=reset].tertiary:disabled,input[type=submit].tertiary:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button.tertiary i,input[type=button].tertiary i,input[type=reset].tertiary i,input[type=submit].tertiary i{color:inherit}.button.tertiary::before,input[type=button].tertiary::before,input[type=reset].tertiary::before,input[type=submit].tertiary::before{content:"";position:absolute;inset:-1px;background:linear-gradient(var(--rotate), rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.1));border-radius:inherit;opacity:0;transition:opacity .3s;z-index:-1;animation:db-anim-spin 3s linear infinite}.button.tertiary:hover,input[type=button].tertiary:hover,input[type=reset].tertiary:hover,input[type=submit].tertiary:hover{background:var(--db-bg-secondary);box-shadow:0 2px 8px rgba(211,227,255,.7) inset}.button.tertiary:hover::before,input[type=button].tertiary:hover::before,input[type=reset].tertiary:hover::before,input[type=submit].tertiary:hover::before{opacity:1}.button.ghost,input[type=button].ghost,input[type=reset].ghost,input[type=submit].ghost{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-appearance:none;position:relative;text-align:center;gap:var(--db-padding-xs);font-weight:bold;cursor:pointer;overflow:hidden;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);color:var(--db-text-primary);font-size:12px;line-height:1;background:rgba(0,0,0,0);text-decoration:none;position:relative}.button.ghost:disabled,input[type=button].ghost:disabled,input[type=reset].ghost:disabled,input[type=submit].ghost:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button.ghost i,input[type=button].ghost i,input[type=reset].ghost i,input[type=submit].ghost i{color:inherit}.button.ghost:hover,input[type=button].ghost:hover,input[type=reset].ghost:hover,input[type=submit].ghost:hover{background:var(--db-bg-secondary);border-color:var(--db-border-base)}.button.small,input[type=button].small,input[type=reset].small,input[type=submit].small{padding:var(--db-padding-xs) var(--db-padding-s);gap:var(--db-gap-xs);font-size:12px;height:var(--db-size-control-s);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s)}.button.small i[class^=icon-],.button.small i[class*=" icon-"],input[type=button].small i[class^=icon-],input[type=button].small i[class*=" icon-"],input[type=reset].small i[class^=icon-],input[type=reset].small i[class*=" icon-"],input[type=submit].small i[class^=icon-],input[type=submit].small i[class*=" icon-"]{font-size:16px}.button:not(.small):not(.large),.button.medium,input[type=button]:not(.small):not(.large),input[type=button].medium,input[type=reset]:not(.small):not(.large),input[type=reset].medium,input[type=submit]:not(.small):not(.large),input[type=submit].medium{padding:var(--db-padding-xs) var(--db-padding-m);font-size:14px;height:var(--db-size-control-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.button:not(.small):not(.large) i[class^=icon-],.button:not(.small):not(.large) i[class*=" icon-"],.button.medium i[class^=icon-],.button.medium i[class*=" icon-"],input[type=button]:not(.small):not(.large) i[class^=icon-],input[type=button]:not(.small):not(.large) i[class*=" icon-"],input[type=button].medium i[class^=icon-],input[type=button].medium i[class*=" icon-"],input[type=reset]:not(.small):not(.large) i[class^=icon-],input[type=reset]:not(.small):not(.large) i[class*=" icon-"],input[type=reset].medium i[class^=icon-],input[type=reset].medium i[class*=" icon-"],input[type=submit]:not(.small):not(.large) i[class^=icon-],input[type=submit]:not(.small):not(.large) i[class*=" icon-"],input[type=submit].medium i[class^=icon-],input[type=submit].medium i[class*=" icon-"]{font-size:16px}.button.large,input[type=button].large,input[type=reset].large,input[type=submit].large{padding:var(--db-padding-xs) var(--db-padding-l);font-size:16px;height:var(--db-size-control-l);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.button.large i[class^=icon-],.button.large i[class*=" icon-"],input[type=button].large i[class^=icon-],input[type=button].large i[class*=" icon-"],input[type=reset].large i[class^=icon-],input[type=reset].large i[class*=" icon-"],input[type=submit].large i[class^=icon-],input[type=submit].large i[class*=" icon-"]{font-size:20px}.button:disabled,.button .disabled,input[type=button]:disabled,input[type=button] .disabled,input[type=reset]:disabled,input[type=reset] .disabled,input[type=submit]:disabled,input[type=submit] .disabled{opacity:.2;cursor:not-allowed !important}.button:disabled:hover,.button .disabled:hover,input[type=button]:disabled:hover,input[type=button] .disabled:hover,input[type=reset]:disabled:hover,input[type=reset] .disabled:hover,input[type=submit]:disabled:hover,input[type=submit] .disabled:hover{-webkit-box-shadow:none !important;box-shadow:none !important}.button.type-icon{width:32px;height:32px;padding:0;flex-shrink:0;position:relative;display:inline-flex;justify-content:center;align-items:center}.button.type-icon [class^=icon-],.button.type-icon [class*=" icon-"]{font-size:20px !important}.button.type-icon .cart-count{position:absolute;right:calc(-1*var(--db-padding-xxs));top:calc(-1*var(--db-padding-xxs));font-size:12px;font-weight:bold;width:20px;line-height:20px;text-align:center;border-radius:var(--db-radius-full);-webkit-border-radius:var(--db-radius-full);-moz-border-radius:var(--db-radius-full);-ms-border-radius:var(--db-radius-full);color:var(--db-text-inverse-primary);background-color:var(--db-color-primary)}.inline-btns{flex-shrink:0;display:flex;gap:var(--db-gap-s);justify-content:center;align-items:center}.tags a,.tag-item{display:inline-flex;white-space:nowrap !important;gap:var(--db-gap-xs);align-items:center;color:var(--db-text-secondary) !important;border:1px solid var(--db-border-base);background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);position:relative;font-size:14px;line-height:1}.tags a::before,.tags a::after,.tag-item::before,.tag-item::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.tags a::before,.tag-item::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.tags a:hover::before,.tag-item:hover::before{opacity:1}.tags a:visited,.tags a:active,.tag-item:visited,.tag-item:active{text-decoration:none;color:var(--db-text-secondary)}.tags a:hover,.tag-item:hover{color:var(--db-text-primary)}.tags a:hover .tag-rank,.tag-item:hover .tag-rank{background:var(--db-color-primary);color:var(--db-text-inverse-primary)}.tags a .tag-rank,.tag-item .tag-rank{border-radius:var(--db-radius-xs);-webkit-border-radius:var(--db-radius-xs);-moz-border-radius:var(--db-radius-xs);-ms-border-radius:var(--db-radius-xs);background:var(--db-bg-secondary);transition:all .3s;color:var(--db-text-primary);margin-right:var(--db-margin-xxs);text-align:center;font-size:12px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.tags a .tag-score,.tag-item .tag-score{display:none}.tags a img,.tag-item img{width:12px}.tags a.blur-light,.tag-item.blur-light{background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);position:relative;background:linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.3))}.tags a.blur-light::before,.tags a.blur-light::after,.tag-item.blur-light::before,.tag-item.blur-light::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.tags a.blur-light::before,.tag-item.blur-light::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.tags a.blur-light:hover::before,.tag-item.blur-light:hover::before{opacity:1}.tags a.blur-light:hover,.tag-item.blur-light:hover{background:linear-gradient(180deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4))}.tags a.blur-dark,.tag-item.blur-dark{background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);position:relative}.tags a.blur-dark::before,.tags a.blur-dark::after,.tag-item.blur-dark::before,.tag-item.blur-dark::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.tags a.blur-dark::before,.tag-item.blur-dark::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.tags a.blur-dark:hover::before,.tag-item.blur-dark:hover::before{opacity:1}.tags a.blur-dark:hover,.tag-item.blur-dark:hover{background:rgba(0,0,0,.3)}.like-btn{display:inline-flex;align-items:center;cursor:pointer;-webkit-transition:all .2s;-o-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s;width:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-appearance:none;position:relative;text-align:center;gap:var(--db-padding-xs);font-weight:bold;cursor:pointer;overflow:hidden;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);background:var(--db-bg-secondary);border:1px solid var(--db-border-base);color:var(--db-color-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);box-shadow:none;gap:var(--db-gap-xxs) !important;padding:var(--db-padding-xs)}.like-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.like-btn i{color:inherit}.like-btn::before{content:"";position:absolute;inset:-1px;background:linear-gradient(var(--rotate), rgba(0, 79, 255, 0.1), rgba(255, 255, 255, 0.2));border-radius:inherit;opacity:0;transition:opacity .3s;z-index:-1;animation:db-anim-spin 3s linear infinite}.like-btn:hover{background:rgba(0,79,255,.1);border-color:rgba(0,79,255,.4);box-shadow:0 2px 8px rgba(255,255,255,.7) inset;position:relative}.like-btn:hover::before,.like-btn:hover::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.like-btn:hover::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.like-btn:hover:hover::before{opacity:1}.like-btn:hover::before{opacity:1}.like-btn span{font-size:12px;font-weight:normal;color:var(--db-text-secondary);line-height:20px;padding-right:var(--db-padding-xxs)}.like-btn.animate{animation:scale-up .5s ease-in-out}.like-btn i{font-size:16px !important;color:var(--db-text-secondary);-webkit-transition:all .2s;-o-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}.like-btn:hover{box-shadow:none}.like-btn:hover i{color:var(--db-color-primary)}.like-btn:focus{box-shadow:none}.like-btn.active,.like-btn.liked{background:var(--db-interactive-bg-primary);border-color:var(--db-color-primary)}.like-btn.active i,.like-btn.liked i{color:var(--db-color-primary)}.bookmark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--db-bg-secondary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);cursor:pointer;-webkit-transition:all .2s;-o-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}.bookmark i{font-size:20px;color:var(--db-text-secondary);-webkit-transition:all .2s;-o-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}.bookmark:hover{background:var(--db-bg-tertiary);border-color:var(--db-color-primary)}.bookmark:hover i{color:var(--db-color-primary)}.bookmark.remove-bookmark{background:var(--db-interactive-bg-primary);border-color:var(--db-color-primary)}.bookmark.remove-bookmark i{color:var(--db-color-primary)}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}input[type=submit].search-submit:hover{-webkit-box-shadow:none;box-shadow:none}@media only screen and (max-width: 820px){.button.type-icon{width:48px !important;height:48px !important;border-radius:0;background-color:rgba(0,0,0,0)}.button.type-icon i{font-size:24px !important}.button.type-icon .cart-count{right:var(--db-padding-xxs);top:var(--db-padding-xxs)}button.input-search-icon{left:0;background-size:20px}}@media only screen and (max-width: 767px){.button.type-icon .cart-count{width:16px;height:16px;font-size:10px;line-height:16px}.button,button,input[type=button],input[type=reset],input[type=submit]{-moz-appearance:none;-webkit-appearance:none}.button.large,button.large,input[type=button].large,input[type=reset].large,input[type=submit].large{font-size:15px;line-height:20px}.button.menu-item,button.menu-item,input[type=button].menu-item,input[type=reset].menu-item,input[type=submit].menu-item{display:block;text-align:center}a.text-button{font-size:14px}}@media only screen and (max-width: 767px){a.ghost-button{font-size:14px;padding:var(--db-padding-xs) var(--db-padding-m)}}.tabs{margin-top:var(--db-margin-xl)}.tabs li{display:inline-block;color:var(--db-text-secondary);font-size:20px;padding:var(--db-padding-xxs) 0;margin-right:var(--db-margin-s);cursor:pointer}.tabs li:visited{color:var(--db-text-secondary)}.tabs li:hover,.tabs li.active{font-weight:bold;color:var(--db-color-primary)}.tab-container{min-height:800px}.chip-container{display:flex;flex-wrap:wrap;gap:var(--db-padding-xs)}.chip{background-color:var(--db-bg-primary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-xl);-webkit-border-radius:var(--db-radius-xl);-moz-border-radius:var(--db-radius-xl);-ms-border-radius:var(--db-radius-xl);padding:var(--db-padding-xs);display:inline-flex;align-items:center;cursor:pointer}.chip input[type=checkbox]:checked+span,.chip.selected{border-color:var(--db-color-primary);color:var(--db-color-primary)}.chip .close{margin-left:var(--db-margin-xxs);font-weight:bold;cursor:pointer}.chip input[type=checkbox]{display:none}.chip span{font-size:14px;color:var(--db-text-primary)}.chip:hover{background-color:var(--db-bg-tertiary)}input:not([type=button]):not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search]):not([type=color]):not([type=range]),input[type=text],input[type=email],input[type=url],input[type=password],input[type=number],input[type=tel],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],textarea,select{display:block;width:100%;color:var(--db-text-secondary);padding:var(--db-padding-xxs) var(--db-padding-xs);height:var(--db-size-control-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);-webkit-appearance:none;background:var(--db-bg-primary);border:1px solid var(--db-border-base);-webkit-box-sizing:border-box;box-sizing:border-box}input:not([type=button]):not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search]):not([type=color]):not([type=range]):focus,input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=password]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=date]:focus,input[type=month]:focus,input[type=week]:focus,input[type=time]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,textarea:focus,select:focus{color:var(--db-text-secondary);outline:none}input:readonly{opacity:.5;color:var(--db-text-tertiary);border:1px solid var(--db-border-base)}input[type=range]{appearance:none;-moz-appearance:none;-webkit-appearance:none;height:6px;background-color:var(--db-bg-tertiary)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--db-color-primary);cursor:pointer;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--db-color-primary);cursor:pointer;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}input[type=color]{display:block;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);background-color:rgba(0,0,0,0);appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;border:0;padding:0;cursor:pointer;height:24px;width:24px;overflow:hidden}::-webkit-color-swatch-wrapper{padding:0}::-webkit-color-swatch{border:0;border-radius:0}::-moz-color-swatch,::-moz-focus-inner{border:0}::-moz-focus-inner{padding:0}select{position:relative;width:120px;background:url(../91b78cbfc753215ecec8.svg) no-repeat 96%;background-size:16px}select:hover{border:1px solid var(--db-border-layer-1)}textarea{line-height:1.8;height:80px;resize:none}.search-form{min-width:200px}.search-form label{position:relative;display:flex;gap:var(--db-gap-s);align-items:center}.search-form label i{position:absolute;left:0;z-index:10;font-size:20px;color:var(--db-text-secondary);opacity:.5}.search-form label .clear-search-btn{position:absolute;right:0;z-index:10;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0;transition:all .2s}.search-form label .clear-search-btn i{font-size:16px;color:var(--db-text-secondary);opacity:1}.search-form label .clear-search-btn:hover i{color:var(--db-text-primary)}.search-form input[type=text],.search-form input[type=search]{display:block;width:100%;color:var(--db-text-secondary);background-color:rgba(0,0,0,0);border:none;font-size:16px;padding-left:28px !important;height:var(--db-size-control-m);-webkit-appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}.search-form input[type=text]:focus,.search-form input[type=search]:focus{color:var(--db-text-secondary);outline:none}label{font-size:12px}::input-placeholder,::-webkit-input-placeholder,::-moz-placeholder,:-ms-input-placeholder{color:var(--db-text-tertiary);opacity:1}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:var(--db-text-secondary) !important;border-color:var(--db-border-base) !important;box-shadow:0 0 0 30px #fff inset !important}::-ms-clear{display:none}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}::-webkit-search-decoration,::-webkit-search-cancel-button,::-webkit-search-results-button,::-webkit-search-results-decoration{display:none}.btn-action-icon{display:inline-block;vertical-align:middle;position:relative;width:35px;height:35px;line-height:35px;font-size:1rem;text-align:center;color:var(--db-text-primary);background:var(--db-bg-secondary);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}.btn-action-icon:hover,.btn-action-icon:focus{color:#fff;background:var(--db-color-primary)}.btn-action-icon.rejec:hover,.btn-action-icon.rejec:focus{color:#fff;background:var(--db-text-warning)}.btn-action-icon.rejec.rejected{opacity:.6;filter:alpha(opacity=60)}.btn-action-icon.download:hover,.btn-action-icon.download:focus{color:#fff;background:#222}.btn-action-icon[class*=remove]:hover,.btn-action-icon[class*=remove]:focus{color:#fff;background:var(--db-text-error)}.btn-action-icon:before{line-height:30px;position:absolute;top:0;left:0;width:100%;height:100%;line-height:35px;opacity:0;filter:alpha(opacity=0);color:var(--db-text-link);content:"";font-family:"Font Awesome 5 Free";font-weight:900;-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}.btn-action-icon.loading{background:rgba(255,255,255,.8) !important;color:rgba(0,0,0,0) !important}.btn-action-icon.loading:before{opacity:.8;filter:alpha(opacity=80);animation:db-anim-rotate-icon 1500ms linear 0s normal none infinite running;-webkit-animation:db-anim-rotate-icon 1500ms linear 0s normal none infinite running}.searchform .input-search{padding:var(--db-padding-m);border-right:0;line-height:1.5}.searchform .btn-search{vertical-align:top;color:#adafac;padding:var(--db-padding-m)}.searchform .input-group-btn{line-height:100%}.search-category .btn{margin-left:var(--db-margin-s) !important;border-radius:var(--db-radius-s) !important;-webkit-border-radius:var(--db-radius-s) !important;-moz-border-radius:var(--db-radius-s) !important;-ms-border-radius:var(--db-radius-s) !important}.search-category .wpo-search-inner label.form-control{border:none;border-bottom-right-radius:var(--db-radius-s);border-top-right-radius:var(--db-radius-s)}.search-category select{border:none;text-transform:capitalize;font-weight:500}@media only screen and (max-width: 820px){input[type=text].search-input{font-size:16px;margin-bottom:var(--db-margin-l);padding-left:var(--db-padding-xl)}}@media only screen and (max-width: 767px){.filter-container .search-form label::before{top:var(--db-padding-m)}.filter-container .search-form input[type=text],.filter-container .search-form input[type=search]{height:var(--db-size-control-l) !important}}.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}.video-container{opacity:0;visibility:hidden;position:fixed;left:0;top:0;width:100%;height:100%;height:100vh;z-index:9999;background-color:rgba(0,0,0,.9)}.video-container.show{opacity:1;visibility:visible}.video-card{-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;opacity:0;position:absolute;left:50%;top:55%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;max-width:600px}.show .video-card{opacity:1;top:50%}.designbase-video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.designbase-video-container embed,.designbase-video-container iframe,.designbase-video-container object,.designbase-video-container video{position:absolute;top:0;left:0;width:100%;height:100%}figure{margin:0}embed,iframe,object{max-width:100%}.custom-logo-link{display:inline-block}.designbase-image{overflow:hidden;display:block}.designbase-image img{opacity:1;-webkit-transition:opacity .3s;-o-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;transition:opacity .3s}.designbase-image:hover img{opacity:.7}figcaption,.wp-block-image figcaption{margin:0;padding:var(--db-padding-xs);text-align:center;font-size:14px;color:var(--db-text-secondary)}.wp-caption{margin-bottom:var(--db-margin-s);max-width:100%}.wp-caption img[class*=wp-image-]{margin:auto}.wp-caption .wp-caption-text{margin:var(--db-margin-xs) 0}.wp-caption-text{text-align:center}i[class^=icon-],i[class*=" icon-"]{display:inline-block;font-size:24px;line-height:1;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-xs{font-size:12px !important}.icon-sm{font-size:16px !important}.icon-md{font-size:24px !important}.icon-lg{font-size:32px !important}.icon-xl{font-size:48px !important}.icon-2xl{font-size:64px !important}.icon{width:var(--db-size-icon-m);height:var(--db-size-icon-m);background-size:contain}.icon-membership{background:url(../170e68f2884d0b78f585.svg) no-repeat center;background-size:contain}.icon-all{background:url(../2fbe0f418b6e8327706b.svg) no-repeat center;background-size:contain}.tab-icon{width:var(--db-size-icon-m);height:var(--db-size-icon-m);margin:auto;background-repeat:no-repeat;background-position:center;background-size:contain !important}.tool-icon{width:var(--db-size-icon-m);height:var(--db-size-icon-m);z-index:2;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);background-size:contain;box-shadow:0 4px 8px rgba(0,0,0,.15)}.tool-icon.large{display:block;margin:auto;width:60px;height:60px;border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.new-mark{animation:db-anim-new-mark-blink 1s infinite}.version-mark{font-size:12px;line-height:1;font-weight:bold;color:rgba(var(--db-color-primary), 0.6);padding:var(--db-padding-xxs) var(--db-padding-xs);margin-bottom:var(--db-margin-s);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);display:inline-block;background-color:rgba(var(--db-color-primary), 0.1);z-index:2}.badge{font-size:14px;line-height:1;font-weight:bold;color:var(--db-text-secondary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);display:inline-block;background-color:var(--db-bg-tertiary)}.badge.large{font-size:16px;padding:var(--db-padding-m);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.badge.small{font-size:12px;padding:var(--db-padding-xs);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s)}.badge.primary{background-color:var(--db-color-primary);color:var(--db-text-inverse-primary)}.badge.secondary{background-color:var(--db-color-primary-20);color:var(--db-color-primary)}.badge.success{background-color:var(--db-text-success);color:var(--db-text-inverse-primary)}.badge.warning{background-color:var(--db-text-warning);color:var(--db-text-primary)}.badge.danger{background-color:var(--db-text-error);color:var(--db-text-inverse-primary)}.badge.info{background-color:var(--db-text-info);color:var(--db-text-inverse-primary)}.badge.rounded{border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.badge.with-icon{display:inline-flex;align-items:center;gap:var(--db-gap-xs)}.badge.with-icon i,.badge.with-icon svg{font-size:14px}.badge.with-icon.large i,.badge.with-icon.large svg{font-size:16px}.badge.with-icon.small i,.badge.with-icon.small svg{font-size:12px}.new-badge{position:absolute;right:var(--db-padding-xs);top:var(--db-padding-xs);font-size:10px;line-height:1;font-weight:bold;color:var(--db-text-primary);padding:var(--db-padding-xs);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);display:inline-block;animation:db-anim-new-mark-blink 2s infinite;background-color:var(--db-color-primary);z-index:2}.tooltip{position:absolute;background-color:var(--db-bg-secondary);color:var(--db-text-secondary);padding:var(--db-padding-xs);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);font-size:12px;font-weight:bold;line-height:16px;text-align:center;z-index:9000;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}.tooltip-visible{visibility:visible;opacity:1;transition:opacity .3s,visibility .3s}.tooltip::after{content:"";position:absolute;border-style:solid}.tooltip-top::after{top:100%;left:50%;margin-left:calc(-1*var(--db-padding-xs));border-width:var(--db-padding-xs);border-color:var(--db-bg-secondary) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.tooltip-bottom::after{bottom:100%;left:50%;margin-left:calc(-1*var(--db-padding-xs));border-width:var(--db-padding-xs);border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--db-bg-secondary) rgba(0,0,0,0)}.tooltip-left::after{top:50%;left:100%;margin-top:calc(-1*var(--db-padding-xs));border-width:var(--db-padding-xs);border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--db-bg-secondary)}.tooltip-right::after{top:50%;right:100%;margin-top:calc(-1*var(--db-padding-xs));border-width:var(--db-padding-xs);border-color:rgba(0,0,0,0) var(--db-bg-secondary) rgba(0,0,0,0) rgba(0,0,0,0)}.byline,.updated:not(.published){display:none}.single .byline,.group-blog .byline{display:inline}.tool-header{padding:var(--db-padding-m);border-bottom:1px solid var(--db-border-base)}.page-header{position:relative;padding:120px 0 var(--db-padding-xl) 0;margin:0;margin-bottom:var(--db-margin-l);width:100%;display:flex;gap:var(--db-margin-l);justify-content:center;align-items:center;border:none;overflow:hidden}.page-header .flex{gap:var(--db-margin-l)}.error-404-page .page-header{overflow:visible !important}.membership-page .page-header{min-height:auto;height:auto}.page-title-wrap{width:100%;position:relative;z-index:2;text-align:center}.page-title-wrap.text-center{text-align:center}.page-title{position:relative;font-weight:bold;line-height:1;color:var(--db-text-primary);margin-bottom:0;z-index:2}.about-page .page-title,.page-template-page-about-membership .page-title{line-height:1.2}.main-layout .page-title{font-size:40px}.page-title span{opacity:.5}.page-desc{display:block;font-size:20px;font-weight:normal;margin-top:var(--db-margin-m);color:var(--db-text-secondary);line-height:var(--db-leading-normal);margin-bottom:0}.page-desc p{margin:0}.bookmark-page .page-desc{max-width:576px}.opentalk-page .page-desc{max-width:436px}.taxonomy-description{max-width:720px;text-align:left}.taxonomy-description p{line-height:var(--db-leading-normal)}.taxonomy-description strong{font-weight:bold}.section-posts{padding:var(--db-padding-l) 0}.section-posts .category-title-wrap .category-title{font-size:24px}.section-posts .grid{gap:var(--db-padding-m)}.category-title-wrap{margin-bottom:var(--db-margin-m);display:flex;justify-content:space-between;align-items:center}.category-title-wrap .category-title{margin:0}.category-title-wrap .category-title .tag{font-size:inherit}.category-title-wrap .category-title .count{position:relative;top:-10px;margin-left:10px;font-size:.5em;opacity:.5}.page-links{clear:both;margin:0 0 1.5em}.grid-archive .child-category-wrap{margin-top:0;text-align:left;font-size:0}.grid-archive .child-category-wrap li{display:inline-block}.grid-archive .child-category-wrap li a{margin-right:var(--db-padding-xs);margin-top:0;white-space:nowrap !important;padding:var(--db-padding-xs);display:inline-block;color:var(--db-text-secondary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);background:var(--db-bg-primary);font-size:14px !important;line-height:1}.grid-archive .child-category-wrap li a.active,.grid-archive .child-category-wrap li a:hover{color:#fff;background:var(--db-color-primary)}.child-category-wrap{margin-top:var(--db-margin-m);text-align:left;font-size:0}.child-category-wrap li{display:inline-block}.child-category-wrap li a{margin-right:var(--db-padding-xs);margin-top:var(--db-margin-s);white-space:nowrap !important;padding:var(--db-padding-xs);display:inline-block;color:var(--db-text-secondary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);background:var(--db-bg-secondary);font-size:16px !important;line-height:1;border:1px solid var(--db-border-base)}.child-category-wrap li a.active,.child-category-wrap li a:hover{color:var(--db-text-primary);background:var(--db-bg-tertiary);border:1px solid var(--db-border-layer-1)}.blur-wrapper{padding:var(--db-padding-l)}.blur-wrapper .blur-content{position:relative;padding:var(--db-padding-m);background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.blur-wrapper .blur-content .grid{align-items:stretch}@media only screen and (max-width: 1024px){.page-header{padding:80px 0 var(--db-padding-xl) 0}.main-layout .page-header{padding:var(--db-padding-xl) 0 0 0}}@media only screen and (max-width: 820px){.page-title{font-size:48px}.section-posts .grid{gap:var(--db-padding-s)}.section-posts .grid-4{grid-template-columns:repeat(3, 1fr)}}@media only screen and (max-width: 767px){.page-header{padding:80px 0 var(--db-padding-xl) 0}.main-layout .page-header{padding:var(--db-padding-xl) 0 0 0}.page-header .container{display:block}.page-header .flex{flex-direction:column}.section-posts .grid-4{grid-template-columns:repeat(2, 1fr)}.section-posts .category-title-wrap .category-title{font-size:20px}.page-title-wrap{flex-direction:column;gap:var(--db-padding-l)}.page-title{font-size:40px}.page-desc{font-size:16px}.blur-wrapper{padding:var(--db-padding-s)}.blur-wrapper .blur-content{padding:var(--db-padding-s)}}.page-head{position:fixed;width:100vw;height:100vh;z-index:-1;top:0;left:0}.gradient-text{background:linear-gradient(270deg, #3b82f6, #004fff, #ef4444, #3b82f6);background-size:300% auto;color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;animation:db-anim-gradient-text 8s ease infinite}.content{display:flex;flex-direction:column;width:100vw;height:calc(100vh - 13rem);justify-content:flex-start;align-items:center}.hero-title-wrap{position:relative;z-index:1;width:100%;text-align:left;margin:auto}.hero-title-wrap .hero-title{font-size:60px;line-height:1.25;letter-spacing:-0.4px;margin-bottom:var(--db-margin-l);color:var(--db-text-primary)}.hero-title-wrap .hero-desc{display:inline-block;font-size:18px;font-weight:bold;line-height:1.5;color:var(--db-text-secondary);margin-bottom:var(--db-margin-xl)}.hero-title-wrap .search-form label{width:100%;max-width:400px}.hero-title-wrap .search-form label::before{left:16px;top:12px}.hero-title-wrap .search-form label i{left:8px}.hero-title-wrap .search-form input[type=search]{background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);position:relative;padding-left:36px !important;height:auto;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);transition:.3s}.hero-title-wrap .search-form input[type=search]::before,.hero-title-wrap .search-form input[type=search]::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.hero-title-wrap .search-form input[type=search]::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.hero-title-wrap .search-form input[type=search]:hover::before{opacity:1}.hero-title-wrap .search-form input[type=search]:hover,.hero-title-wrap .search-form input[type=search]:focus{-webkit-box-shadow:0 0 0 4px rgba(234,100,217,.1);box-shadow:0 0 0 4px rgba(234,100,217,.1)}.hero-title-wrap .recommended-searches{display:flex;margin-top:var(--db-margin-m);align-items:center;gap:var(--db-padding-m);justify-content:flex-start;font-size:14px;color:var(--db-text-secondary);overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}.hero-title-wrap .recommended-searches .chips{display:flex;align-items:center;gap:var(--db-padding-xs)}.hero-title-wrap .inline-btns{margin-top:var(--db-margin-l);justify-content:left}.designbase-layout-featured .container,.section-banner .container{padding:0}.designbase-layout-featured .swiper-container,.section-banner .swiper-container{padding:0 20px}.section-course-list .grid{gap:var(--db-padding-2xl)}.section-course-list .category-title-wrap{margin-bottom:40px}.section-course-list .category-title{max-width:480px}.course-list-wrap{padding:0}.course-list-wrap .wrap-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--db-margin-l)}.course-list-wrap h3{font-size:24px;color:var(--db-text-secondary);margin:0;opacity:1;transition:opacity .3s}.course-list-wrap h3:hover{opacity:.7}.course-list-wrap h3 a{vertical-align:top;display:flex;gap:var(--db-margin-xxs)}.course-list-wrap h3 span.count{position:relative;top:2px;font-size:12px;color:var(--db-text-tertiary)}.course-list-wrap .course-list-card{position:relative;gap:12px;margin-bottom:var(--db-margin-l);display:flex;align-items:flex-start}.course-list-wrap .course-list-card:hover img{transform:scale(1.1)}.course-list-wrap .course-list-card:hover h4{opacity:.6}.course-list-wrap .course-list-card .thumb-area{position:relative;width:120px;overflow:hidden;flex:none;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s)}.course-list-wrap .course-list-card img{display:block;transition:.7s;transform:scale(1)}.course-list-wrap .course-list-card .text-area{width:calc(100% - 120px)}.course-list-wrap .course-list-card .text-area h4{font-size:15px;font-weight:normal;width:100%;line-height:1.5;overflow:hidden;color:var(--db-text-secondary);text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;transition:.7s;margin-bottom:0}.course-list-wrap .course-list-card .content-order{font-size:12px;color:var(--db-text-tertiary)}.membership-section .membership-info{width:100%;height:400px;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 var(--db-padding-2xl);background:#004fff url(../1443f9d97ef4cb4d9e38.jpg) no-repeat center;background-size:cover;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.membership-section .membership-info .text-wrap h1{color:var(--db-text-inverse-primary)}.membership-section .membership-info .text-wrap h4{color:var(--db-text-inverse-primary);margin-bottom:0}.membership-section .membership-info .text-wrap p{color:var(--db-text-inverse-primary);line-height:1.6;margin-bottom:var(--db-margin-l)}.grid-2 .course-list-wrap .thumb-area{width:160px}.grid-2 .course-list-wrap .text-area{width:calc(100% - 160px)}.grid-2 .course-list-wrap .text-area h4{font-size:16px;height:auto}.section-magazine .grid,.section-dictionary .grid,.section-design-tool .grid{align-items:stretch}@media only screen and (max-width: 940px){.section-course-list .grid{gap:var(--db-padding-2xl)}.grid-2 .course-list-wrap .thumb-area{width:160px}.grid-2 .course-list-wrap .text-area{width:calc(100% - 160px)}.grid-2 .course-list-wrap .text-area h4{font-size:16px}.membership-section .membership-info{height:500px;padding:0 40px}.membership-section .membership-info .text-wrap h5{margin-bottom:var(--db-margin-xl)}}@media only screen and (max-width: 820px){.hero-title-wrap{width:100%}.hero-title-wrap .hero-title{font-size:48px;margin-bottom:var(--db-margin-m)}.membership-section .membership-info{height:auto;padding:var(--db-padding-2xl) var(--db-padding-2xl)}.membership-section .membership-info .text-wrap h5{margin-bottom:var(--db-margin-xl)}}@media only screen and (max-width: 767px){.hero-title-wrap{text-align:center}.hero-title-wrap .hero-title{font-size:36px}.hero-title-wrap .hero-desc{font-size:16px}.hero-title-wrap .inline-btns{justify-content:start}.hero-title-wrap .recommended-searches{font-size:12px;margin-left:-20px;margin-right:-20px;padding:0 20px}.membership-section .membership-info{padding:var(--db-padding-2xl) var(--db-padding-l)}.membership-section .membership-info .text-wrap h5{margin-bottom:var(--db-margin-xl)}.section-course-list .grid{gap:var(--db-padding-xl)}.section-course-list .category-title-wrap{margin-bottom:24px}.course-list-wrap h3{font-size:20px}.course-list-wrap .course-list-card{margin-bottom:var(--db-margin-m);align-items:center}.course-list-wrap .course-list-card .thumb-area{width:140px}.course-list-wrap .course-list-card .text-area{width:calc(100% - 140px)}.course-list-wrap .course-list-card .text-area h4{font-size:15px;height:40px}.course-list-wrap .wrap-head{margin-bottom:var(--db-margin-m)}.grid-2 .course-list-wrap .thumb-area{width:140px}.grid-2 .course-list-wrap .text-area{width:calc(100% - 140px)}.grid-2 .course-list-wrap .text-area h4{font-size:15px;height:40px}}@media only screen and (max-width: 375px){.hero-title-wrap .recommended-searches{justify-content:left}}.posts-wrap{margin-bottom:40px}@media only screen and (max-width: 767px){.section-magazine .type-post:last-child,.section-recentpost .type-post:last-child,.posts-wrap .type-post:last-child{display:block}.posts-wrap{margin-bottom:40px}}.page-template-page-about .page-title-wrap{margin-bottom:80px}.page-template-page-about .page-title{font-size:96px;text-align:left}.page-template-page-about .section-title{font-size:20px}.page-template-page-about .section-desc h2{margin-bottom:var(--db-margin-xl)}.page-template-page-about .section-desc .card{width:100%;height:460px;display:flex;background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);padding:var(--db-padding-l) var(--db-padding-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);flex-direction:column;justify-content:space-between}.page-template-page-about .section-desc .card p{color:var(--db-text-primary);margin:0}.page-template-page-about .section-desc .card .card-graphic{width:120px;height:120px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center}.page-template-page-about .section-desc .card .card-graphic img{width:100%;height:100%;object-fit:contain}.page-template-page-about .card-container{padding-bottom:200px}.page-template-page-about .author{font-size:14px;margin-top:var(--db-margin-s)}.page-template-page-about article h2{margin-bottom:var(--db-margin-s)}.page-template-page-about article h3{font-size:20px}.page-template-page-about article h4{line-height:1.5;margin-bottom:var(--db-margin-xl)}.page-template-page-about article .center .button{margin:auto;margin-top:var(--db-margin-l);display:inline-block}.page-template-page-about .blockquote-author{font-size:1rem;margin-top:var(--db-margin-s)}.gallery-wrap{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;margin:20vh auto;overflow:hidden}.gallery-wrap--auto{height:auto}.gallery-wrap--large{height:110vh}.gallery-wrap--dense{margin:0}.gallery{position:relative;width:100%;height:100%;flex:none}.gallery--breakout{width:min-content}.gallery__item{background-position:50% 50%;background-size:cover;flex:none;border-radius:0;position:relative;filter:brightness(1)}.gallery__item-cut{overflow:hidden;display:grid;place-items:center}.gallery__item-inner{width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat}.caption{z-index:101}.gallery--one{display:grid;place-items:center}.gallery--one .gallery__item{width:150%;height:150%;filter:brightness(1) hue-rotate(90deg)}.gallery--switch.gallery--one .gallery__item{width:100%;height:100%;filter:brightness(0.7) hue-rotate(0deg)}.gallery--one .caption{position:absolute;width:100vw;height:100vh;top:50%;left:50%;margin:100vh 0 0 -50vw;display:grid;place-items:center}.gallery--switch.gallery--one .caption{margin-top:-50vh}.gallery--grid{height:auto;display:grid;grid-template-columns:repeat(3, auto);grid-template-rows:repeat(3, auto);row-gap:2vw;column-gap:2vw}.gallery--grid .gallery__item{height:33vh;width:33vw;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s)}.gallery--switch.gallery--grid{gap:0}.gallery--switch.gallery--grid .gallery__item{height:100vh;width:100vw;filter:brightness(0.5);border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0}.gallery--grid .caption{position:absolute;width:100vw;height:100vh;padding:0;top:50%;left:50%;margin-top:50vh;margin-left:-50vw;display:flex;padding:80px;max-width:none;opacity:0;justify-content:center;align-items:flex-start;flex-direction:column}.gallery--grid .caption .text-wrap{width:100%;max-width:480px}.gallery--grid .caption .text-wrap h2{margin-bottom:var(--db-margin-l)}.gallery--switch.gallery--grid .caption{margin-top:-40vh;opacity:1}.gallery--switch.gallery--grid .caption p{margin-top:0}.gallery--switch .gallery__item--center{height:100vh;width:100vw;aspect-ratio:auto;filter:brightness(0.5)}.gallery--random{position:relative;width:100%;height:100vh}.gallery--random .gallery__item{position:absolute;width:180px;height:240px}.gallery--random .caption{position:absolute;width:100vw;height:100vh;top:50%;left:50%;margin:100vh 0 0 -50vw;display:grid;place-items:center}.gallery--random .caption h2{text-align:center;font-size:96px}.gallery--switch.gallery--random .gallery__item{top:calc(50% - 240px);left:calc(50% - 180px);width:360px;height:480px}.gallery--switch.gallery--random .gallery__item:nth-child(2){transform:scale(0.98)}.gallery--switch.gallery--random .gallery__item:nth-child(3){transform:scale(0.96)}.gallery--switch.gallery--random .gallery__item:nth-child(4){transform:scale(0.94)}.gallery--switch.gallery--random .gallery__item:nth-child(5){transform:scale(0.92)}.gallery--switch.gallery--random .gallery__item:nth-child(6){transform:scale(0.9)}.gallery--switch.gallery--random .gallery__item:nth-child(7){transform:scale(0.88)}.gallery--switch.gallery--random .gallery__item:nth-child(8){transform:scale(0.86)}.gallery--switch.gallery--random .gallery__item:nth-child(9){transform:scale(0.84)}.gallery--switch.gallery--random .gallery__item:nth-child(10){transform:scale(0.82)}.gallery--switch.gallery--random .caption{opacity:1;margin-top:-50vh}.gallery--random:not(.gallery--switch) .pos-1{top:80px;left:120px}.gallery--random:not(.gallery--switch) .pos-2{top:120px;left:320px}.gallery--random:not(.gallery--switch) .pos-3{top:0vh;right:10vw}.gallery--random:not(.gallery--switch) .pos-4{top:30vh;right:16vw}.gallery--random:not(.gallery--switch) .pos-5{top:50vh;left:-4vw}.gallery--random:not(.gallery--switch) .pos-6{top:70vh;left:61vw}.gallery--random:not(.gallery--switch) .pos-7{top:86vh;left:78vw}.gallery--random:not(.gallery--switch) .pos-8{top:52vh;left:43vw}.gallery--random:not(.gallery--switch) .pos-9{top:68vh;left:12vw}.gallery--random:not(.gallery--switch) .pos-10{top:21vh;left:53vw}@media only screen and (max-width: 1024px){.page-template-page-about .page-title-wrap{margin-bottom:160px}.page-template-page-about .page-title{font-size:10vw}}@media only screen and (max-width: 820px){.gallery--grid .caption{padding:var(--db-padding-2xl)}}@media only screen and (max-width: 767px){.page-template-page-about .page-title-wrap{margin-bottom:var(--db-margin-xl)}.page-template-page-about .page-title{font-size:12vw}.page-template-page-about .section-desc .card{height:auto;margin-bottom:var(--db-margin-m)}.page-template-page-about .section-desc .card .card-graphic{width:80px;height:80px}.page-template-page-about .section-desc .card h2{margin-bottom:var(--db-margin-s)}.gallery--grid .caption{padding:var(--db-padding-xl)}.about-3 article blockquote{margin-bottom:var(--db-margin-xl)}.blockquote-author{font-size:14px}.gallery--random .gallery__item{width:120px;height:180px;width:20vw;height:30vw}.gallery--random .caption h2{font-size:48px}.gallery--switch.gallery--random .gallery__item{top:calc(50% - 30vw) !important;left:calc(50% - 20vw) !important;width:40vw;height:60vw}.gallery--random:not(.gallery--switch) .pos-1{top:10%;left:12%}.gallery--random:not(.gallery--switch) .pos-2{top:50px;left:20%}.gallery--random:not(.gallery--switch) .pos-3{top:0;right:-5%}.gallery--random:not(.gallery--switch) .pos-4{top:20%;right:5%}.gallery--random:not(.gallery--switch) .pos-5{top:40%;left:-5%}.gallery--random:not(.gallery--switch) .pos-6{top:60%;left:15%}.gallery--random:not(.gallery--switch) .pos-7{top:70%;left:60%}.gallery--random:not(.gallery--switch) .pos-8{top:40%;left:35%}.gallery--random:not(.gallery--switch) .pos-9{top:60%;left:5%}.gallery--random:not(.gallery--switch) .pos-10{top:25%;left:60%}.section-desc .card .card-3d-object{aspect-ratio:4/3}}.archive-controls{width:100%;padding:var(--db-padding-xs);margin-bottom:var(--db-margin-l);gap:var(--db-padding-xs) !important;background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.new-mark{position:relative;top:-2px;font-size:12px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;color:var(--db-color-primary);margin-left:var(--db-margin-xs)}@media only screen and (max-width: 820px){#bookmark-sidebar{margin-top:0}#bookmark-sidebar .page-title{display:none}}@media only screen and (max-width: 767px){.archive-controls .category-tabs{display:none}}.sticky-cta{position:fixed;display:block;left:16px;right:16px;bottom:40px;width:calc(100% - 32px);max-width:480px;margin:auto;padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);display:flex;justify-content:center;align-items:center;background-color:var(--db-surface-alpha-70);gap:var(--db-padding-m);z-index:200;opacity:0;transition:opacity .3s,top .3s;visibility:hidden}@supports(-webkit-backdrop-filter: initial) or (backdrop-filter: initial){.sticky-cta{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}}@supports not ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)){.sticky-cta{filter:blur(24px);-webkit-filter:blur(24px);-moz-filter:blur(24px);-o-filter:blur(24px);-ms-filter:blur(24px);background-color:var(--db-surface-base)}}.sticky-cta.show{opacity:1;visibility:visible;transition:opacity .3s,top .3s}.sticky-cta h4{font-size:20px;margin:0;flex:1}.sticky-cta h4 .pricing{margin-left:var(--db-padding-xs);font-weight:normal}.page-template-page-about-membership .page-title{font-size:120px}.page-template-page-about-membership .membership-bg{display:flex;justify-content:center;align-items:center;width:100%;height:90vh}.page-template-page-about-membership .scene{perspective:1000px;overflow:hidden;position:absolute;display:flex;justify-content:center;align-items:center;height:90vh;width:100vw;left:0;top:0}.page-template-page-about-membership .mcard{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.page-template-page-about-membership .mcard__img{width:7em;border-radius:var(--db-radius-xs);-webkit-border-radius:var(--db-radius-xs);-moz-border-radius:var(--db-radius-xs);-ms-border-radius:var(--db-radius-xs);aspect-ratio:2/3;background-position:center;background-size:cover}.page-template-page-about-membership .headings{text-align:center;position:relative;z-index:10;color:var(--color-title);text-transform:uppercase}.membership-bg{position:relative}.membership-card{text-align:center;margin:auto;padding:20px}.membership-card h2{margin-bottom:var(--db-margin-m)}.membership-card .desc{font-size:24px;margin-bottom:var(--db-margin-l);color:var(--db-text-tertiary)}.membership-card .disclaimer{color:var(--db-color-secondary)}.membership-card .button{display:block;width:100%;max-width:360px;font-size:20px;margin:auto;margin-top:var(--db-padding-xl)}.flex-row{display:flex;gap:var(--db-padding-xl);align-items:center}.membership-page .membership-feature{padding-top:var(--db-padding-2xl);padding-bottom:var(--db-padding-2xl)}.membership-page .membership-feature .text-wrap{text-align:center;margin:auto;margin-bottom:60px}.membership-page .membership-feature .text-wrap h2{margin-bottom:var(--db-margin-m)}.membership-page .membership-feature .page-desc{font-size:20px}.membership-page .membership-feature .feature-card{text-align:center}.membership-page .membership-feature .feature-card h3{font-size:20px}.membership-page .membership-feature .feature-card p{font-size:14px;color:var(--db-text-tertiary)}.membership-page .membership-feature .feature-card .graphic{width:96px;height:96px;margin:auto;background-size:contain}.membership-page .membership-feature .feature-card .graphic.feature-01{background:url(../29f47263f917142bf6fa.png) no-repeat center;background-size:contain}.membership-page .membership-feature .feature-card .graphic.feature-02{background:url(../63d56a52283d872c8cc8.png) no-repeat center;background-size:contain}.membership-page .membership-feature .feature-card .graphic.feature-03{background:url(../5238f698c14be469f23e.png) no-repeat center;background-size:contain}.membership-page .membership-point1{position:relative;padding:0}.membership-page .membership-point1 .flex-row{align-items:flex-start;width:100%;justify-content:space-between;gap:var(--db-padding-2xl);margin-top:var(--db-padding-2xl)}.membership-page .membership-point1 .flex-row h1{margin:0}.membership-page .membership-point1 .flex-row p{margin:0;width:50%;max-width:448px}.membership-page .membership-about{padding:var(--db-padding-2xl) 0}.membership-page .membership-about h1{text-align:center;margin-bottom:120px}.membership-page .membership-about h1 strong{color:var(--db-color-secondary)}.membership-page .membership-about .feature:not(:last-child){margin-bottom:120px}.membership-page .membership-about .feature .flex-row{gap:var(--db-padding-2xl);width:100%;justify-content:space-between}.membership-page .membership-about .feature .text-wrap{width:50%}.membership-page .membership-about .feature .text-wrap h2{line-height:1.25;margin-bottom:40px}.membership-page .membership-about .feature .image{width:50%;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);overflow:hidden}.membership-page .membership-about .how-to{margin-top:40px}.membership-page .membership-faq .wp-block-button__link,.membership-page .membership-faq a{box-shadow:none}.membership-page .membership-faq .wp-block-button__link:hover,.membership-page .membership-faq a:hover{border-color:var(--db-border-layer-1)}.membership-page .membership-course{padding:var(--db-padding-2xl) 0}.membership-page h2{margin-bottom:var(--db-margin-l)}.membership-page .designbase-layout-membership{text-align:center}.membership-page .designbase-layout-membership .type-featured{display:inline-block;margin:0 10px;text-align:left}.membership-page article>p{margin-bottom:var(--db-margin-l)}.membership-page .light-mode h2,.membership-page .light-mode h3,.membership-page .light-mode h4,.membership-page .light-mode h5,.membership-page .light-mode p{color:var(--db-text-primary)}@media only screen and (max-width: 1024px){.page-template-page-about-membership .page-title{font-size:10vw}}@media only screen and (max-width: 767px){.sticky-cta{bottom:16px;padding:var(--db-padding-xs);display:flex;gap:var(--db-padding-xs)}.sticky-cta h4{font-size:15px}.sticky-cta h4 .pricing{margin-left:4px}.membership-card .text-wrap{width:100%;padding:var(--db-padding-l)}.membership-card .desc{font-size:18px}.membership-page .membership-feature{padding:var(--db-padding-2xl) 0}.membership-page .membership-feature .page-desc{font-size:16px}.membership-page .membership-feature .feature-card{position:relative;text-align:left;padding-left:92px;margin-bottom:var(--db-margin-m)}.membership-page .membership-feature .feature-card .graphic{position:absolute;left:0;width:80px;height:80px;background-size:64px !important}.membership-page .membership-feature .feature-card h3{font-size:18px}.membership-page .membership-point1{position:relative;padding:var(--db-padding-2xl) 0}.membership-page .membership-point1 .flex-row{display:block;margin-top:0}.membership-page .membership-point1 .flex-row .left-text{margin-bottom:40px}.membership-page .membership-point1 .flex-row h1{margin:0}.membership-page .membership-point1 .flex-row p{margin:0;width:100%;max-width:448px}.membership-page .membership-about{padding:var(--db-padding-2xl) 0}.membership-page .membership-about h1{margin-bottom:60px}.membership-page .membership-about .feature{margin-bottom:60px}.membership-page .membership-about .feature:nth-child(3) .flex-row{flex-direction:column-reverse}.membership-page .membership-about .feature .flex-row{gap:var(--db-padding-xl);width:100%;flex-direction:column}.membership-page .membership-about .feature .text-wrap{width:100%}.membership-page .membership-about .feature .text-wrap h2{margin-bottom:var(--db-margin-l)}.membership-page .membership-about .feature .image{width:100%}.membership-page .membership-about .how-to{margin-top:40px}.membership-page .buy-wrap{padding:var(--db-padding-2xl) 0}.membership-page .membership-course{padding:var(--db-padding-2xl) 0}.membership-page section{overflow-x:hidden}.membership-page .designbase-layout-membership{text-align:center}.membership-page .designbase-layout-membership .type-featured{display:inline-block;margin:0 10px;margin-bottom:var(--db-margin-l);max-width:240px}.membership-page .grid-4{grid-template-columns:repeat(2, 1fr)}.membership-page article p{margin-bottom:var(--db-margin-l)}.membership-page .membership-btn-wrap{padding:var(--db-padding-xl)}}.emoji-search{margin-top:var(--db-margin-l)}#emoji-container{position:relative}#emoji-container .emoji-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(60px, 1fr))}.emoji-category{padding:var(--db-padding-m);background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);margin-bottom:var(--db-margin-l)}.emoji-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);transition:.3s;cursor:pointer}.emoji-item:hover{box-shadow:var(--db-shadow-sm)}.emoji-item .emoji{display:block;font-size:24px;width:24px;height:24px;text-align:center;cursor:pointer;line-height:1}@media only screen and (max-width: 1024px){#emoji-container .emoji-list{grid-template-columns:repeat(auto-fill, minmax(55px, 1fr))}}@media only screen and (max-width: 820px){#emoji-container .emoji-list{grid-template-columns:repeat(auto-fill, minmax(50px, 1fr))}}@media only screen and (max-width: 767px){#emoji-container .emoji-list{grid-template-columns:repeat(auto-fill, minmax(45px, 1fr))}.emoji-category{padding:var(--db-padding-s)}}.signin-page{padding:0}.signin-page .container{width:100%;height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;padding-bottom:80px}.signin-page p{font-size:14px}.signin-page .filter-tabs{margin-bottom:var(--db-margin-l)}.signin-page #user-registration{background-color:rgba(0,0,0,0) !important}.signin-page .lost_password{margin-top:var(--db-margin-m)}.user-registration-page .ur-frontend-form input[type=submit]{float:none;margin-bottom:var(--db-margin-m)}#initial-options{margin-bottom:var(--db-margin-m)}#initial-options button{display:block;width:100%}.bg{width:100%;height:100%;padding:var(--db-padding-s)}.bg .intro-graphic{width:100%;height:100%;background:var(--db-bg-secondary) url(../c92fc5078fc56ec768b5.jpg) no-repeat center;background-size:cover;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);margin:auto;overflow:hidden;display:flex;align-items:center;justify-content:center}.bg .intro-graphic h2{text-align:center;color:var(--db-text-inverse-primary)}#delete-account-form{max-width:400px;background-color:#fff}.profile-wrap{position:relative;width:100%;max-width:480px;margin:auto;text-align:center}.profile-wrap h2{font-size:20px}.profile-img{width:120px;border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);margin:auto;overflow:hidden}#profile-update-form{text-align:left;margin-top:40px}.pw-reset{font-size:12px;margin-top:var(--db-margin-xs);color:var(--db-text-tertiary)}.form-wrap{position:relative;width:100%;max-width:360px;padding:0;margin:auto}.form-wrap .page-title{font-size:32px;margin-bottom:var(--db-margin-l);color:var(--db-text-tertiary)}.form-wrap .form-item{margin-bottom:var(--db-margin-m)}.form-wrap .form-item label{font-size:14px}.form-wrap input[type=text],.form-wrap input[type=email],.form-wrap input[type=url],.form-wrap input[type=password],.form-wrap input[type=search],.form-wrap input[type=number],.form-wrap input[type=tel],.form-wrap input[type=range],.form-wrap input[type=date],.form-wrap input[type=month],.form-wrap input[type=week],.form-wrap input[type=time],.form-wrap input[type=datetime],.form-wrap input[type=datetime-local],.form-wrap textarea,.form-wrap select{height:var(--db-size-control-m)}.form-wrap .submit-button{width:100%;height:var(--db-size-control-m);font-size:16px;margin:16px 0}.form-wrap .link{text-align:center;color:var(--db-text-secondary)}.form-wrap .link a{font-weight:bold;color:var(--db-color-primary)}.toast-container{position:relative;margin:auto;padding:1rem 0}.toast-text{width:100%;padding:1rem;font-size:1rem;line-height:1;background:var(--db-bg-inverse);color:var(--db-text-inverse-primary);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.login-page{background-color:var(--db-bg-secondary)}.register-page .custom-page-title,.login-page .custom-page-title{height:auto}.register-page section,.login-page section{padding:var(--db-padding-3xl) 0}.register-page .form-wrap,.login-page .form-wrap{width:100%;max-width:320px}.input-layout{position:relative;width:100%;margin-bottom:var(--db-margin-l)}.input-layout::after{content:"";clear:both}.input-layout label{font-size:14px;line-height:1;margin-bottom:var(--db-margin-s);color:#545454}.input-layout input[type=text],.input-layout input[type=email],.input-layout input[type=password]{width:100%}.input-layout a{font-size:var(--db-text-base);line-height:1}.go-register{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.go-register::after{content:"";clear:both}.form-wrap .input[type=submit]{display:block;width:100%}.user-registration-page .ur-frontend-form{margin-bottom:0;padding:0;border:none}.user-registration-page .ur-frontend-form.login{margin:0;padding:0;box-shadow:none;background:none}.user-registration-page .ur-frontend-form.login input[name=rememberme]#rememberme{vertical-align:middle}.user-registration-page .ur-frontend-form.login-registration{margin:0;border:none;padding:0}.user-registration-page .ur-frontend-form .register #node_recaptcha_register{padding:0 var(--db-padding-s)}.user-registration-page .ur-frontend-form #ur-recaptcha-node{margin-top:var(--db-margin-s)}.user-registration-page .ur-frontend-form *{box-sizing:border-box}.user-registration-page .ur-frontend-form .description{display:block;font-size:var(--db-text-base);line-height:1.5}.user-registration-page .ur-frontend-form .ur-form-row{display:flex}.user-registration-page .ur-frontend-form .ur-form-row:last-child{margin-bottom:0}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid{flex:1;padding:0}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid:nth-child(1n+2){border-left:0 none}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item{margin-bottom:var(--db-margin-m)}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul{margin:0;list-style:none}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul li,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul li,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul li{margin-left:0;line-height:1;vertical-align:middle;margin-bottom:var(--db-margin-s)}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul li input,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul li label,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul li input,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul li label,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li input,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li label,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul li input,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul li label{display:inline-block;vertical-align:inherit}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul li input[type=checkbox],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul li input[type=radio],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul li input[type=checkbox],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul li input[type=radio],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li input[type=checkbox],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li input[type=radio],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul li input[type=checkbox],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul li input[type=radio]{margin-top:var(--db-margin-xxs)}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul li label,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul li label,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li label,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul li label{display:inline}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item:last-child{margin-bottom:0}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item .form-row{display:block}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=text],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=email],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=url],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=password],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=date],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=number],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=timepicker],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=phone],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid textarea,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid select,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .__PrivateStripeElement{width:100%;padding:var(--db-padding-s);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);min-height:36px;margin-bottom:var(--db-margin-s);line-height:1.5}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=text]::placeholder,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=email]::placeholder,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=url]::placeholder,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=password]::placeholder,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=date]::placeholder,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=number]::placeholder,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=timepicker]::placeholder,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=phone]::placeholder,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid textarea::placeholder,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid select::placeholder,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .__PrivateStripeElement::placeholder{color:var(--db-text-tertiary)}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=password]{display:inline;margin-bottom:0px}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .StripeElement{padding:var(--db-padding-s) var(--db-padding-m);border:1px solid var(--db-border-base)}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .StripeElement .__PrivateStripeElement iframe{position:absolute;top:50%;transform:translateY(-50%)}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=checkbox],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=radio]{font-size:var(--db-text-sm);display:inline-block;vertical-align:middle;margin-right:var(--db-margin-s);margin-left:var(--db-margin-l)}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=checkbox]:first-child,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=radio]:first-child{margin-left:0}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=radio]:focus,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=text]:focus,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=email]:focus,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=url]:focus,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=password]:focus,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid textarea:focus,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid select:focus,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid button:focus{outline:0}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[readonly],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid select[readonly],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid textarea[readonly]{cursor:auto}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid select{-webkit-appearance:none;background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") no-repeat right 5px top 55%}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid legend,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid label{display:block;font-size:var(--db-text-sm);margin-bottom:var(--db-margin-xs);margin-top:0}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid legend .required,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid label .required{text-decoration:none;border:none;color:var(--db-color-primary)}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid legend.ur-label,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid label.ur-label{font-weight:bold}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid textarea{padding:8px;height:100px;resize:none}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password input[type=password]{padding-right:50px}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group{position:relative}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group .password_preview{position:absolute;top:50%;right:15px;transform:translateY(-50%)}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group .password_preview.dashicons.dashicons-hidden{opacity:.6}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group .password_preview.dashicons.dashicons-hidden:hover{opacity:1}.user-registration-page .ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple{border:1px solid var(--db-border-layer-1)}.user-registration-page .ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple .select2-selection__rendered{display:block}.user-registration-page .ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple .select2-selection__rendered li:last-child{margin-left:0}.user-registration-page .ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple .select2-selection__choice{margin:5px}.user-registration-page .ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple .select2-search--inline input[type=text]{margin:5px;height:inherit}.user-registration-page .ur-frontend-form button,.user-registration-page .ur-frontend-form input[type=submit],.user-registration-page .ur-frontend-form button[type=submit]{padding:10px 20px;line-height:1.5;display:block;width:100%;text-align:center;word-break:break-word;white-space:normal;border:none;cursor:pointer;transition:.35s all ease-out}.user-registration-page .ur-frontend-form input[type=submit]{float:right}.user-registration-page .ur-frontend-form .ur-button-container{display:flex;margin-top:var(--db-margin-s);padding:0}.user-registration-page .ur-frontend-form .ur-button-container .ur-submit-button{margin-left:auto}.user-registration-page .ur-frontend-form .user-registration-submit-Button{float:none}.user-registration-page .ur-frontend-form .ur-submit-button{margin-right:0;margin-bottom:0}.user-registration-page .ur-frontend-form label abbr.required{text-decoration:none;border:none;color:var(--db-color-primary)}.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=text],.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=email],.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=url],.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=password],.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=date],.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=number],.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid textarea,.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid select{border:none;border-bottom:1px solid var(--db-border-base);outline:none;transition:all .35s;padding:10px 15px;background:var(--db-bg-primary);color:var(--db-text-secondary);height:45px}.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid legend,.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid label{margin-left:5px;color:var(--db-text-secondary)}.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid textarea{height:100px}.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid .hide_show_password input[type=password]{padding-right:50px}.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form input[type=submit],.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form button[type=submit],.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form button.user-registration-multi-part-nav-prev,.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form button.user-registration-multi-part-nav-next{background:var(--db-bg-primary);border:1px solid var(--db-border-base);color:var(--db-text-secondary);border-radius:0}.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form input[type=submit]:hover,.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form button[type=submit]:hover,.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form button.user-registration-multi-part-nav-prev:hover,.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form button.user-registration-multi-part-nav-next:hover{background:var(--db-color-primary);color:var(--db-text-primary);border-color:var(--db-color-primary)}.user-registration-page .ur-frontend-form.ur-frontend-form--flat{background:var(--db-bg-secondary);border:none rgba(0,0,0,0)}.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid .ur-field-item,.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid .form-row{margin-bottom:0}.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=text],.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=email],.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=url],.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=password],.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=date],.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=number],.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid textarea,.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid select{border:none;outline:none;padding:10px 15px;background:var(--db-bg-primary);color:var(--db-text-secondary);margin-bottom:var(--db-margin-s);height:45px}.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=text]:focus,.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=email]:focus,.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=url]:focus,.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=password]:focus,.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=date]:focus,.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=number]:focus,.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid textarea:focus,.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid select:focus{box-shadow:0 0 10px 5px rgba(0,0,0,.05)}.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid select{margin-bottom:var(--db-margin-s)}.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid legend,.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid label{color:var(--db-text-secondary)}.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid textarea{height:100px}.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid .hide_show_password input[type=password]{padding-right:50px}.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type=text],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type=email],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type=url],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type=password],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type=date],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type=number],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid textarea,.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid select{border:1px solid var(--db-border-base);border-radius:25px;outline:none;transition:all .35s;padding:10px 15px;background:var(--db-bg-primary);color:var(--db-text-secondary);height:45px}.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid button[type=button]{border-radius:25px}.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid legend,.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid label{margin-left:5px;color:var(--db-text-secondary)}.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid textarea{height:100px}.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid .hide_show_password input[type=password]{padding-right:50px}.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form input[type=submit],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form button[type=submit],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev,.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next{border:0 none;color:var(--db-bg-primary);border-radius:25px;float:none;display:block;padding:15px 25px}.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=text],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=email],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=url],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=password],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=date],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=number],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid textarea,.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid select{border-radius:2px}.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid .hide_show_password input[type=password]{padding-right:50px}.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid button[type=button]{border-radius:2px}.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form input[type=submit],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form button[type=submit],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form button.user-registration-multi-part-nav-prev,.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form button.user-registration-multi-part-nav-next{border-radius:2px}.user-registration-page .ur-frontend-form #ur-submit-message-node{margin:20px 0 0 0}.user-registration-page .ur-frontend-form #ur-submit-message-node.ur-error{background:rgba(206,0,0,.1)}.user-registration-page .ur-frontend-form #ur-submit-message-node.ur-message.message{background:rgba(143,174,27,.2)}.user-registration-page #user-registration{background-color:var(--db-bg-primary);margin:0;box-shadow:none}.user-registration-page #user-registration.user-registration,.user-registration-page #user-registration *{box-sizing:border-box}.user-registration-page #user-registration p{font-size:12px;color:var(--db-text-tertiary)}.user-registration-page #user-registration .user-registration-tips{font-size:12px;color:var(--db-text-tertiary);margin-bottom:0}.user-registration-page #user-registration .user-registration-MyAccount-navigation{overflow:visible;margin:0}.user-registration-page #user-registration .user-registration-MyAccount-navigation ul{margin:0;padding:0;display:-webkit-flex;display:flex;flex-wrap:wrap}.user-registration-page #user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link{list-style:none;padding:0;margin:0;display:inline-block;position:relative;box-shadow:0 0 0 rgba(0,0,0,0)}.user-registration-page #user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a{padding:10px 15px;display:block;font-weight:400;font-size:14px;font-family:sans-serif;text-decoration:none;border-width:0;border:none;border-color:rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0)}.user-registration-page #user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a{font-weight:600}.user-registration-page #user-registration .user-registration-MyAccount-content{padding:30px}.user-registration-page #user-registration .user-registration-MyAccount-content h2{margin-bottom:var(--db-margin-xl)}.user-registration-page #user-registration .user-registration-MyAccount-content .user-registration-profile-fields__field-wrapper{margin:0 -10px}.user-registration-page #user-registration .user-registration-MyAccount-content .ur-form-grid{border:0 none;background:rgba(0,0,0,0)}.user-registration-page #user-registration .user-registration-MyAccount-content .ur-frontend-form{border:none}.user-registration-page #user-registration .user-registration-MyAccount-content h2,.user-registration-page #user-registration .user-registration-MyAccount-content .edit-password legend{font-size:28px;font-weight:400}.user-registration-page #user-registration .user-registration-MyAccount-content .user-registration-profile-header{margin-bottom:25px}.user-registration-page #user-registration .user-registration-MyAccount-content .user-registration-profile-header .user-registration-img-container{width:100px}.user-registration-page #user-registration .user-registration-MyAccount-content .user-registration-profile-header h3{font-size:22px;font-weight:400;margin-bottom:var(--db-margin-xs)}.user-registration-page #user-registration .user-registration-MyAccount-content .user-registration-profile-header header p,.user-registration-page #user-registration .user-registration-MyAccount-content .user-registration-profile-header header .button-group{margin-bottom:var(--db-margin-s)}.user-registration-page #user-registration .user-registration-MyAccount-content .user-registration-profile-header header .profile-pic-remove{margin-right:10px}.user-registration-page #user-registration .user-registration-MyAccount-content .user-registration-profile-header .user-registration-nick-name{color:var(--db-text-secondary)}.user-registration-page #user-registration .user-registration-MyAccount-content .user-registration-EditProfileForm .user-registration-profile-header .user-registration-img-container{width:auto}.user-registration-page .user-registration-password-strength{text-align:center;font-weight:600;padding:3px .5em;font-size:14px}.user-registration-page .user-registration-password-strength.strong{background-color:#c1e1b9;border-color:#83c373}.user-registration-page .user-registration-password-strength.short{background-color:#f1adad;border-color:#e35b5b}.user-registration-page .user-registration-password-strength.bad{background-color:#fbc5a9;border-color:#f78b53}.user-registration-page .user-registration-password-strength.good{background-color:#ffe399;border-color:#ffc733}.user-registration-page .user-registration-password-hint{margin:.5em 0 0;font-size:12px;color:var(--db-text-tertiary);display:block}@media only screen and (max-width: 767px){.signin-page .container{align-items:flex-start}.signin-page .container .form-wrap{margin:0}}.post-type-archive-design_tool .grid{align-items:stretch}.is-layout-flex{gap:var(--db-margin-l)}.is-layout-flex>:is(*,div){margin:0;width:100%}.card-wrapper{display:flex;flex-wrap:wrap;gap:var(--db-margin-m);position:relative;left:50%;right:50%;margin-top:var(--db-margin-2xl);margin-bottom:var(--db-margin-2xl);margin-left:-50vw;margin-right:-50vw;max-width:100vw;box-sizing:border-box;padding:0 calc((100vw - 960px)/2)}@media(max-width: 1000px){.card-wrapper{padding:0 var(--db-padding-m)}}@media(max-width: 767px){.card-wrapper{margin-top:var(--db-margin-xl);margin-bottom:var(--db-margin-xl)}}.card-wrapper>*{max-width:100%;box-sizing:border-box}.card-wrapper .wp-block-column{background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);padding:var(--db-padding-xs);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);width:100%;word-break:break-word;overflow-wrap:break-word;text-align:center}.card-wrapper .wp-block-column figure{margin:0;margin-bottom:var(--db-margin-s)}.card-wrapper .wp-block-column h2{margin:0;font-size:24px;word-break:break-word;overflow-wrap:break-word}.card-wrapper .wp-block-column h3{margin:0;word-break:break-word;overflow-wrap:break-word}.card-wrapper .wp-block-column p{margin:0}.wp-container-core-columns-is-layout-1,.wp-container-core-columns-is-layout-2,.wp-container-core-columns-is-layout-3,.wp-container-core-columns-is-layout-4{width:100vw;position:relative;left:50%;right:50%;margin-top:var(--db-margin-2xl);margin-bottom:var(--db-margin-2xl);margin-left:-50vw;margin-right:-50vw;max-width:100vw;box-sizing:border-box;padding:0 calc((100vw - 960px)/2)}@media(max-width: 1000px){.wp-container-core-columns-is-layout-1,.wp-container-core-columns-is-layout-2,.wp-container-core-columns-is-layout-3,.wp-container-core-columns-is-layout-4{padding:0 var(--db-padding-m)}}@media(max-width: 767px){.wp-container-core-columns-is-layout-1,.wp-container-core-columns-is-layout-2,.wp-container-core-columns-is-layout-3,.wp-container-core-columns-is-layout-4{margin-top:var(--db-margin-xl);margin-bottom:var(--db-margin-xl)}}.wp-container-core-columns-is-layout-1 .wp-block-column,.wp-container-core-columns-is-layout-2 .wp-block-column,.wp-container-core-columns-is-layout-3 .wp-block-column,.wp-container-core-columns-is-layout-4 .wp-block-column{display:flex;flex-direction:column;justify-content:center}.wp-container-core-columns-is-layout-1 figure,.wp-container-core-columns-is-layout-1 .wp-block-image,.wp-container-core-columns-is-layout-2 figure,.wp-container-core-columns-is-layout-2 .wp-block-image,.wp-container-core-columns-is-layout-3 figure,.wp-container-core-columns-is-layout-3 .wp-block-image,.wp-container-core-columns-is-layout-4 figure,.wp-container-core-columns-is-layout-4 .wp-block-image{margin:0 !important}.right-img{display:flex;align-items:center}.left-img{display:flex;align-items:center}.design-tool-link{margin:var(--db-margin-l) 0}@media only screen and (max-width: 1024px){.wp-container-core-columns-is-layout-1,.wp-container-core-columns-is-layout-2,.wp-container-core-columns-is-layout-3,.wp-container-core-columns-is-layout-4{padding:0 var(--db-padding-m)}}@media only screen and (max-width: 820px){.wp-container-core-columns-is-layout-1,.wp-container-core-columns-is-layout-2,.wp-container-core-columns-is-layout-3,.wp-container-core-columns-is-layout-4{padding:0 var(--db-padding-s)}.is-layout-flex{gap:var(--db-margin-m)}}@media only screen and (max-width: 767px){.right-img{flex-direction:column-reverse}.left-img{flex-direction:column}.card-wrapper{padding:0 var(--db-padding-s)}.card-wrapper .wp-block-column{flex-basis:100% !important;margin:0}}.grid-icons .content-area{width:100%}.page-title .icon-count{font-weight:normal;opacity:.6;font-size:.8em;margin-left:8px}.icon-filters-sticky{position:sticky;top:0;z-index:100;background-color:var(--db-bg-primary);padding:var(--db-padding-m) 0;margin-bottom:var(--db-margin-l);box-shadow:0 2px 8px rgba(0,0,0,.05);border-bottom:1px solid var(--db-border-base)}.icon-size-slider{display:flex;flex-direction:row;gap:4px;flex-shrink:0;align-items:center}.filter-search{flex:1;min-width:200px}.filter-search .search-form{width:100%}.filter-search .search-form label{display:flex;align-items:center;gap:var(--db-padding-xs);width:100%;padding:var(--db-padding-s) var(--db-padding-m);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);background-color:var(--db-bg-secondary);transition:all .2s ease}.filter-search .search-form label:focus-within{border-color:var(--db-color-primary);background-color:var(--db-bg-primary)}.filter-search .search-form label i{color:var(--db-text-tertiary);font-size:16px}.filter-search .search-form label input{flex:1;border:none;background:rgba(0,0,0,0);font-size:14px;color:var(--db-text-primary);outline:none}.filter-search .search-form label input::placeholder{color:var(--db-text-tertiary)}.icon-controls{display:flex;gap:var(--db-padding-m);align-items:center;flex-shrink:0}.icon-controls .filter-block{display:flex;flex-direction:column;gap:var(--db-padding-xxs);min-width:140px}.icon-controls .filter-block label{font-size:12px;font-weight:600;color:var(--db-text-secondary);margin:0}.icon-controls .filter-block input[type=range]{width:100%}.icon-controls .filter-block span{font-size:12px;font-weight:600;color:var(--db-text-secondary);text-align:right}.icon-controls .filter-block.type-filter{min-width:180px}.icon-controls .filter-block.type-filter .segment-tabs{display:flex;border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);padding:var(--db-margin-xxs);background-color:var(--db-bg-secondary);overflow:hidden}.icon-controls .filter-block.type-filter .segment-tabs .segment-tab{flex:1;padding:var(--db-padding-xxs) var(--db-padding-m);background:rgba(0,0,0,0);border:none;cursor:pointer;font-size:12px;font-weight:500;color:var(--db-text-tertiary);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);transition:all .2s ease;text-align:center}.icon-controls .filter-block.type-filter .segment-tabs .segment-tab:hover:not(.active){color:var(--db-text-primary);background:rgba(var(--db-color-primary), 0.1)}.icon-controls .filter-block.type-filter .segment-tabs .segment-tab.active{background:var(--db-bg-primary);color:var(--db-text-primary);font-weight:600}#iconCategory{width:100%;padding:var(--db-padding-s) var(--db-padding-m);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);background-color:var(--db-bg-secondary);color:var(--db-text-primary);font-size:14px;cursor:pointer;transition:all .2s ease}#iconCategory:focus{outline:none;border-color:var(--db-color-primary);background-color:var(--db-bg-primary)}#iconCategory option{background-color:var(--db-bg-primary);color:var(--db-text-primary)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));gap:var(--db-padding-m)}.icon-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:120px;gap:var(--db-margin-xxs);padding:var(--db-padding-s);border:1px solid var(--db-border-base);background-color:var(--db-bg-primary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);transition:all .3s;cursor:pointer}.icon-item:hover{border:1px solid var(--db-border-layer-1);background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2740%27 height=%2740%27 viewBox=%270 0 40 40%27%3E%3Cdefs%3E%3Cpattern id=%27largerGrid%27 width=%2720%27 height=%2720%27 patternUnits=%27userSpaceOnUse%27%3E%3Crect width=%2720%27 height=%2720%27 fill=%27%23f0f0f0%27/%3E%3Crect width=%2710%27 height=%2710%27 fill=%27%23ffffff%27/%3E%3Crect x=%2710%27 y=%2710%27 width=%2710%27 height=%2710%27 fill=%27%23ffffff%27/%3E%3C/pattern%3E%3C/defs%3E%3Crect width=%2740%27 height=%2740%27 fill=%27url%28%23largerGrid%29%27/%3E%3C/svg%3E");background-repeat:repeat;background-size:40px 40px}.icon-item:hover .icon-name{color:var(--db-text-primary)}.icon-item .icon-type-badge{font-size:10px;font-weight:600;padding:var(--db-margin-xxs) var(--db-padding-xxs);background-color:var(--db-bg-secondary);color:var(--db-text-tertiary);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);text-transform:uppercase;z-index:1}.icon-item .icon-name{font-size:12px;line-height:1.25;text-align:center;color:var(--db-text-tertiary)}.icon-item .icon-placeholder{display:flex;align-items:center;justify-content:center;animation:db-anim-pulse 1.5s ease-in-out infinite}.icon-item svg{width:auto;height:auto}#iconModal .modal-body{display:flex;gap:var(--db-margin-m);flex-direction:row}#iconModal .modal-icon{text-align:center;padding:var(--db-padding-s);border:1px solid var(--db-border-base);background-color:var(--db-bg-secondary);background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2740%27 height=%2740%27 viewBox=%270 0 40 40%27%3E%3Cdefs%3E%3Cpattern id=%27largerGrid%27 width=%2720%27 height=%2720%27 patternUnits=%27userSpaceOnUse%27%3E%3Crect width=%2720%27 height=%2720%27 fill=%27%23f0f0f0%27/%3E%3Crect width=%2710%27 height=%2710%27 fill=%27%23ffffff%27/%3E%3Crect x=%2710%27 y=%2710%27 width=%2710%27 height=%2710%27 fill=%27%23ffffff%27/%3E%3C/pattern%3E%3C/defs%3E%3Crect width=%2740%27 height=%2740%27 fill=%27url%28%23largerGrid%29%27/%3E%3C/svg%3E");background-repeat:repeat;background-size:40px 40px;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);width:120px}#iconModal .modal-icon svg{width:72px;height:72px}#iconModal #modalInfo{flex:1}#iconModal #modalInfo li{font-size:14px;color:var(--db-text-secondary)}.search-result{display:none;margin-top:20px;color:var(--db-text-tertiary);text-align:center}@media only screen and (max-width: 767px){.icon-filters-sticky{padding:var(--db-padding-s) 0}.icon-filters-container{flex-direction:column;gap:var(--db-padding-s)}.filter-search{min-width:auto}.icon-controls{flex-direction:row;flex-wrap:wrap;gap:var(--db-padding-s);width:100%}.icon-controls .filter-block{flex:1;min-width:calc(50% - calc(var(--db-padding-s) / 2))}.icon-controls .filter-block label{font-size:11px}.icon-controls .filter-block.type-filter{min-width:100%}.icon-controls .filter-block.type-filter .segment-tabs .segment-tab{font-size:11px;padding:var(--db-padding-xxs) var(--db-padding-xs)}.icon-grid{grid-template-columns:repeat(auto-fill, minmax(90px, 1fr));gap:var(--db-padding-l)}.icon-item{height:120px;gap:var(--db-padding-s);padding:var(--db-padding-s)}}.page-header .page-stats{margin-top:var(--db-margin-s);font-size:15px;color:var(--db-text-secondary)}.page-header .page-stats strong{color:var(--db-color-primary);font-weight:700;font-size:18px}.darkmode--activated .page-header .page-stats,.dark-mode .page-header .page-stats{color:var(--db-text-secondary)}.logo-filter-container{display:flex;gap:var(--db-margin-s);align-items:center;width:100%;margin-bottom:var(--db-margin-xl)}.logo-filter-container .search-form{flex:1}.logo-filter-container .search-form .icon-search,.logo-filter-container .search-form label::before{left:8px}.logo-filter-container .search-form input[type=text]{padding-left:32px !important}.logo-filter-container button{flex-shrink:0}.search-result-count{font-size:14px;font-weight:500;color:var(--db-text-secondary);margin-bottom:var(--db-margin-m);padding:var(--db-padding-s) var(--db-padding-m);background:rgba(0,79,255,.05);border:1px solid rgba(0,79,255,.1);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s)}.darkmode--activated .search-result-count,.dark-mode .search-result-count{color:var(--db-text-secondary);background:rgba(0,79,255,.1);border-color:rgba(0,79,255,.2)}.lsc-grid{display:grid;gap:var(--db-margin-m);list-style:none;padding:0;margin:0;grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));contain:layout style paint;will-change:auto}.lsc-grid li{list-style:none}.lsc-grid .card{background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);padding:var(--db-padding-s);min-width:auto !important;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;position:relative}.lsc-grid .card:hover,.lsc-grid .card:focus{transform:translateY(-1px);box-shadow:var(--db-shadow-sm)}.lsc-grid .card:hover .card-hint,.lsc-grid .card:focus .card-hint{opacity:1;visibility:visible}.lsc-grid .card:focus{outline:1px solid var(--db-color-primary);outline-offset:1px}.lsc-grid .thumb{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);overflow:hidden;position:relative;max-width:60px;margin:auto}.lsc-grid .thumb img,.lsc-grid .thumb svg{width:100%;height:100%;object-fit:contain}.darkmode--activated .lsc-grid .thumb,.dark-mode .lsc-grid .thumb{border-color:var(--db-bg-secondary)}.lsc-grid .card-hint{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;font-weight:500;opacity:0;visibility:hidden;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);pointer-events:none}.lsc-grid .meta{padding:var(--db-padding-s) 0}.lsc-grid .meta .label{text-align:center;display:block;font-size:14px;font-weight:600;color:var(--db-text-primary);line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.darkmode--activated .lsc-grid .meta .label,.dark-mode .lsc-grid .meta .label{color:var(--db-text-primary)}@media only screen and (max-width: 767px){.lsc-grid .meta .label{font-size:13px;line-height:1.2}.lsc-grid .meta .label.truncate{white-space:wrap;overflow:hidden;text-overflow:ellipsis;word-wrap:normal;overflow-wrap:normal;hyphens:none}}.lsc-grid .row-actions{display:flex;gap:var(--db-margin-s);justify-content:center}.lsc-grid .row-actions .button,.lsc-grid .row-actions a.button{width:100%;text-align:center;text-decoration:none;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:var(--db-margin-xs)}.lsc-grid .row-actions .button svg,.lsc-grid .row-actions a.button svg{width:16px;height:16px;flex-shrink:0}.lsc-grid .row-actions .button span,.lsc-grid .row-actions a.button span{line-height:1}.page-info{margin-top:var(--db-margin-xl);padding:var(--db-padding-m);background:rgba(0,79,255,.02);border:1px solid rgba(0,79,255,.08);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.darkmode--activated .page-info,.dark-mode .page-info{background:rgba(0,79,255,.05);border-color:rgba(0,79,255,.15)}.page-info-title{margin:0 0 var(--db-margin-m) 0;font-size:18px;font-weight:600;color:var(--db-text-primary);display:flex;align-items:center;gap:var(--db-margin-s)}.darkmode--activated .page-info-title,.dark-mode .page-info-title{color:var(--db-text-primary)}.page-info-list{margin:0;list-style:none}.page-info-list li{position:relative;margin-bottom:var(--db-margin-s);padding-left:var(--db-margin-m);font-size:14px;line-height:1.6;color:var(--db-text-secondary)}.page-info-list li::before{content:"•";position:absolute;left:0;color:var(--db-text-secondary);font-weight:bold;font-size:16px;line-height:18px}.page-info-list li:last-child{margin-bottom:0}.page-info-list li a{color:var(--db-color-primary);text-decoration:none;font-weight:500}.page-info-list li a:hover{text-decoration:underline}.darkmode--activated .page-info-list li,.dark-mode .page-info-list li{color:var(--db-text-secondary)}@media only screen and (max-width: 1024px){.lsc-grid{grid-template-columns:repeat(auto-fill, minmax(140px, 1fr))}}@media only screen and (max-width: 767px){.lsc-grid{grid-template-columns:repeat(2, 1fr);gap:var(--db-margin-s);contain:layout style paint;transform:translateZ(0);backface-visibility:hidden}.page-info{margin-top:var(--db-margin-l)}.page-info .page-info-list li{margin-bottom:var(--db-margin-xs)}}.policy-page article h2{margin-top:var(--db-margin-l)}.policy-page article h3{margin-top:var(--db-margin-m)}.grid-color-palette{display:flex;border-top:1px solid var(--db-border-base);width:100%;max-width:1920px;margin:auto}.grid-color-palette .content-area{width:100%;background-color:var(--db-bg-secondary)}.color-palette-presets{width:240px;position:absolute;bottom:var(--db-padding-2xl);right:var(--db-padding-l);opacity:0;border:1px solid var(--db-border-base);visibility:hidden;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);background-color:var(--db-bg-primary);transition:.3s ease-in-out;z-index:10}.color-palette-presets.show{opacity:1;visibility:visible;bottom:var(--db-padding-2xl)}.category-chips{margin-top:0 !important;margin-bottom:0 !important;justify-content:flex-start;display:flex;flex-wrap:nowrap !important;gap:var(--db-gap-xs);overflow-x:auto;border-bottom:1px solid var(--db-border-base);padding:var(--db-padding-xs);-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;-ms-overflow-style:none;scrollbar-width:none;flex-direction:row}.category-chips::-webkit-scrollbar{display:none}.category-chips::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}.category-chips::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.scheme-chips{display:none !important}.scheme-chips .active{background-color:var(--db-color-primary);color:#fff !important}.category-chip.active{background-color:var(--db-color-primary);color:#fff !important}.palette-list{display:flex;flex-wrap:nowrap;height:480px;overflow-y:auto;padding:var(--db-padding-xxs);-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;-ms-overflow-style:none;scrollbar-width:none;flex-direction:column}.palette-list::-webkit-scrollbar{display:none}.palette-list::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}.palette-list::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.palette-list .palette{flex:0 0 auto;width:100%;display:flex;flex-direction:row;cursor:pointer;gap:1px;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);padding:var(--db-padding-xxs);background-color:rgba(0,0,0,0);border:2px solid rgba(0,0,0,0);transition:.3s}.palette-list .palette:hover{background-color:var(--db-bg-secondary);border-color:var(--db-border-base)}.palette-list .palette.active{background-color:var(--db-bg-secondary);border-color:var(--db-color-primary);box-shadow:0 4px 6px rgba(0,0,0,.1)}.palette-list .palette .color-box{flex:1;width:100%;height:32px;position:relative;display:flex;align-items:center;justify-content:center;opacity:1;cursor:pointer}.palette-list .palette .color-box:first-child{border-radius:var(--db-radius-s) 0 0 var(--db-radius-s);-webkit-border-radius:var(--db-radius-s) 0 0 var(--db-radius-s);-moz-border-radius:var(--db-radius-s) 0 0 var(--db-radius-s);-ms-border-radius:var(--db-radius-s) 0 0 var(--db-radius-s)}.palette-list .palette .color-box:last-child{border-radius:0 var(--db-radius-s) var(--db-radius-s) 0;-webkit-border-radius:0 var(--db-radius-s) var(--db-radius-s) 0;-moz-border-radius:0 var(--db-radius-s) var(--db-radius-s) 0;-ms-border-radius:0 var(--db-radius-s) var(--db-radius-s) 0}.palette-list .palette .color-box .hex-value{font-size:10px;font-weight:bold;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2);opacity:0;display:none;visibility:hidden;text-transform:uppercase}.palette-list .palette .color-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.8);color:#fff;padding:var(--db-padding-xxs) var(--db-padding-xs);border-radius:var(--db-radius-xs);-webkit-border-radius:var(--db-radius-xs);-moz-border-radius:var(--db-radius-xs);-ms-border-radius:var(--db-radius-xs);font-size:12px;white-space:nowrap;opacity:0;transition:opacity .3s ease}#palette-preview-panel{width:100%}.palette-preview{width:100%;min-height:100vh}.preview-svg-grid{max-width:1200px;margin:0 auto}.preview-svg{background-color:var(--db-bg-primary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);overflow:hidden;margin-bottom:var(--db-margin-m)}.preview-svg svg{width:100%;height:auto;display:block}.fixed-functions{position:fixed;bottom:0;width:100%;z-index:20;display:flex;align-items:center;justify-content:center;padding:var(--db-padding-s);gap:var(--db-margin-m);background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);border-radius:0;border-left:none;border-right:none;border-bottom:none;flex-direction:row}.palette-arrow{transform:rotate(180deg);transition:transform .3s ease}.palette-collapsed .palette-arrow{transform:rotate(0deg)}#togglePaletteButton,#randomPaletteButton{align-items:center;justify-content:center;gap:var(--db-padding-xs)}#togglePaletteButton svg,#togglePaletteButton span,#randomPaletteButton svg,#randomPaletteButton span{flex-shrink:0}.color-functions{display:flex;align-items:center;flex-direction:row;gap:var(--db-padding-m);width:100%;border-right:1px solid var(--db-border-base);padding-right:var(--db-padding-l)}.current-colors{display:flex;justify-content:space-between;gap:var(--db-margin-xs);overflow:scroll;width:100%;flex:1}.current-colors .color-box{flex:1;height:48px;display:flex;align-items:center;justify-content:center;transition:.3s;opacity:1}.current-colors .color-box:first-child{border-radius:var(--db-radius-m) 0 0 var(--db-radius-m);-webkit-border-radius:var(--db-radius-m) 0 0 var(--db-radius-m);-moz-border-radius:var(--db-radius-m) 0 0 var(--db-radius-m);-ms-border-radius:var(--db-radius-m) 0 0 var(--db-radius-m)}.current-colors .color-box:last-child{border-radius:0 var(--db-radius-m) var(--db-radius-m) 0;-webkit-border-radius:0 var(--db-radius-m) var(--db-radius-m) 0;-moz-border-radius:0 var(--db-radius-m) var(--db-radius-m) 0;-ms-border-radius:0 var(--db-radius-m) var(--db-radius-m) 0}.current-colors .color-box:hover{opacity:.7;box-shadow:rgba(0,0,0,.2)}.current-colors .color-box .hex-value{font-size:12px;font-weight:bold;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2);text-transform:uppercase}#colorPickerModal .modal-header{display:none}#colorPickerModal .modal-body{display:flex;flex-direction:column;align-items:center}#colorPickerModal .apply-button{flex:1}.color-picker-content{max-width:272px}.color-preview{display:flex;align-items:center;margin-top:var(--db-margin-m);gap:var(--db-padding-xs)}.color-preview-box{width:36px;height:36px;flex-shrink:0;border:1px solid rgba(0,0,0,.1);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.hex-input-wrapper{display:flex;align-items:center;gap:var(--db-gap-xs)}.hex-input{flex-grow:1}.copy-button{background:none;border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);cursor:pointer;padding:var(--db-padding-xs);gap:var(--db-gap-xs);height:36px;display:flex;align-items:center;flex-shrink:0;justify-content:center}.copy-button:hover{background-color:var(--db-bg-secondary)}.color-input{width:50px;height:50px;padding:0;border:none}#imageUploadButton{display:flex;flex-direction:column;width:48px;height:48px}#image-drop-zone{width:100%;height:240px;border:2px dashed var(--db-border-base);border-radius:var(--db-radius-m);display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;font-size:14px;color:var(--db-text-secondary);background-color:var(--db-bg-primary);margin-bottom:var(--db-margin-xs);transition:.3s}#image-drop-zone:hover{background-color:var(--db-bg-secondary)}#image-drop-zone img{max-width:100%;max-height:100%;object-fit:contain}@media only screen and (max-width: 820px){.grid-color-palette{flex-direction:column-reverse}.grid-color-palette .content-area{border-left:none;border-top:1px solid var(--db-border-base)}.grid-color-palette .fixed-area{position:relative;top:0}.color-functions{flex-direction:row;justify-content:center;border-right:none;padding-right:0}}@media only screen and (max-width: 767px){.color-palette-presets{width:100%;right:0;bottom:var(--db-padding-2xl);border-radius:var(--db-radius-m) var(--db-radius-m) 0 0;-webkit-border-radius:var(--db-radius-m) var(--db-radius-m) 0 0;-moz-border-radius:var(--db-radius-m) var(--db-radius-m) 0 0;-ms-border-radius:var(--db-radius-m) var(--db-radius-m) 0 0}.color-palette-presets.show{bottom:var(--db-padding-2xl)}#imageUploadModal.show{align-items:flex-end}.fixed-functions{flex-direction:column}#imageUploadButton{width:40px;height:40px}.current-colors .color-box{height:40px}.current-colors .color-box:first-child{border-radius:var(--db-radius-m) 0 0 var(--db-radius-m);-webkit-border-radius:var(--db-radius-m) 0 0 var(--db-radius-m);-moz-border-radius:var(--db-radius-m) 0 0 var(--db-radius-m);-ms-border-radius:var(--db-radius-m) 0 0 var(--db-radius-m)}.current-colors .color-box:last-child{border-radius:0 var(--db-radius-m) var(--db-radius-m) 0;-webkit-border-radius:0 var(--db-radius-m) var(--db-radius-m) 0;-moz-border-radius:0 var(--db-radius-m) var(--db-radius-m) 0;-ms-border-radius:0 var(--db-radius-m) var(--db-radius-m) 0}.current-colors .color-box:hover{opacity:1;box-shadow:none}.current-colors .color-box .hex-value{font-size:10px}.color-picker-content.modal{border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);height:auto;bottom:auto}#colorPickerModal.modal-wrapper.show{align-items:center}.palette-list{padding:var(--db-padding-xs);height:340px}}#gallery-canvas{display:block;width:100%;height:100vh;position:fixed;top:0;left:0;z-index:100}body.page-id-73743{overflow:hidden}.figma-comparison-section .comparison-table{max-width:1080px;margin:0 auto;padding:var(--db-padding-xl);background:var(--db-bg-primary);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);border:1px solid var(--db-border-base)}.figma-comparison-section .comparison-table table{width:100%;margin:0 auto;border-collapse:collapse}.figma-comparison-section .comparison-table table thead{background-color:rgba(0,0,0,0);border:none}.figma-comparison-section .comparison-table table thead th{padding:var(--db-padding-m) 0;text-align:center;border:none}.figma-comparison-section .comparison-table table thead th:first-child{width:140px}.figma-comparison-section .comparison-table table tbody tr{border-top:1px solid var(--db-border-base)}.figma-comparison-section .comparison-table table tbody tr td{padding:var(--db-padding-l) 0;border:none;line-height:1.4}.figma-comparison-section .comparison-table table tbody tr td:first-child{width:140px;color:var(--db-text-tertiary);font-size:16px}.figma-comparison-section .comparison-table table tbody tr td:nth-child(2){color:var(--db-text-primary);font-weight:700;font-size:18px;padding:0 var(--db-padding-l);text-align:center}.figma-comparison-section .comparison-table table tbody tr td:last-child{color:var(--db-text-tertiary);font-size:16px;text-align:center}.figma-comparison-section .comparison-table .comparison-item{display:flex;flex-direction:column;align-items:center;gap:var(--db-padding-xs)}.figma-comparison-section .comparison-table .comparison-item .comparison-icon{position:relative;width:80px;display:flex;align-items:center;justify-content:center}.figma-comparison-section .comparison-table .comparison-item .comparison-icon .check-icon{position:absolute;top:calc(-1*var(--db-padding-l));right:calc(-1*var(--db-padding-l));width:40px;height:40px}.figma-comparison-section .comparison-table .comparison-item .comparison-icon img{width:100%}.figma-comparison-section .comparison-table .comparison-item .comparison-text{font-size:20px;font-weight:700;color:var(--db-text-primary)}.template-preview-section .template-grid{display:flex;flex-wrap:wrap;gap:var(--db-padding-l);justify-content:center;margin-bottom:var(--db-padding-2xl)}.template-preview-section .template-grid .template-item{flex:1;min-width:calc(20% - var(--db-padding-l)*4/5);max-width:calc(20% - var(--db-padding-l)*4/5);position:relative;overflow:hidden}.template-preview-section .template-grid .template-item .template-image{position:relative;width:100%;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);border:1px solid var(--db-border-base);overflow:hidden}.template-preview-section .template-grid .template-item .template-image::after{content:"";position:absolute;bottom:0;left:0;z-index:10;width:100%;height:300px;background:linear-gradient(to bottom, transparent, var(--db-surface-base))}.template-preview-section .template-grid .template-item img{width:100%;object-fit:cover}.template-preview-section .template-grid .template-item .template-tag{width:100%;padding:var(--db-padding-l);background:var(--db-bg-primary);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);border:1px solid var(--db-border-base);z-index:1;margin-bottom:var(--db-padding-s)}.template-preview-section .template-grid .template-item .template-tag .number{display:block;text-align:center;color:var(--db-text-tertiary);font-size:14px;font-weight:700;line-height:1;margin-bottom:var(--db-margin-xxs)}.template-preview-section .template-grid .template-item .template-tag .name{display:block;text-align:center;color:var(--db-text-primary);font-size:16px;font-weight:700;line-height:1}.etc-template-section .template-tags{display:flex;gap:8px;justify-content:center;margin-bottom:var(--db-padding-2xl)}.etc-template-section .template-tags .tag{height:28px;padding:0 var(--db-padding-xs);background:var(--db-bg-secondary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);display:flex;align-items:center;justify-content:center;color:var(--db-text-secondary);font-size:14px}@media(max-width: 820px){.figma-comparison-section .comparison-table{padding:var(--db-padding-l)}.template-preview-section .template-grid{gap:var(--db-padding-l)}.template-preview-section .template-grid .template-item{min-width:calc(25% - var(--db-padding-l)*3/4);max-width:calc(25% - var(--db-padding-l)*3/4)}.template-preview-section .template-grid .template-item .template-tag{padding:var(--db-padding-m)}.template-preview-section .template-grid .template-item .template-tag .number{font-size:14px}.template-preview-section .template-grid .template-item .template-tag .name{font-size:16px}.etc-template-section{padding:var(--db-padding-2xl) 0}.etc-template-section .template-tags{flex-wrap:wrap;gap:var(--db-padding-xs)}.etc-template-section .template-tags .tag{height:24px;font-size:12px}}@media(max-width: 767px){.figma-comparison-section .comparison-table{padding:var(--db-padding-m)}.figma-comparison-section .comparison-table table thead th{padding:var(--db-padding-m) 0}.figma-comparison-section .comparison-table table thead th:first-child{width:90px}.figma-comparison-section .comparison-table table tbody tr td{padding:var(--db-padding-m) 0}.figma-comparison-section .comparison-table table tbody tr td:first-child{width:90px;font-size:12px}.figma-comparison-section .comparison-table table tbody tr td:nth-child(2){font-size:12px}.figma-comparison-section .comparison-table table tbody tr td:last-child{font-size:12px}.figma-comparison-section .comparison-table .comparison-item .comparison-icon{width:60px}.figma-comparison-section .comparison-table .comparison-item .comparison-icon .check-icon{position:absolute;top:calc(-1*var(--db-padding-m));right:calc(-1*var(--db-padding-m));width:24px;height:24px}.figma-comparison-section .comparison-table .comparison-item .comparison-text{font-size:16px}.template-preview-section{padding:var(--db-padding-2xl) 0}.template-preview-section .template-grid{gap:var(--db-padding-m)}.template-preview-section .template-grid .template-item{min-width:calc(50% - var(--db-padding-m)*1/2);max-width:calc(50% - var(--db-padding-m)*1/2)}.template-preview-section .template-grid .template-item .template-tag{padding:8px}.template-preview-section .template-grid .template-item .template-tag .number{font-size:12px;line-height:12px}.template-preview-section .template-grid .template-item .template-tag .name{font-size:14px;line-height:20px}.etc-template-section{padding:var(--db-padding-2xl) 0}.etc-template-section .template-tags{flex-wrap:wrap;gap:var(--db-padding-xs)}.etc-template-section .template-tags .tag{height:24px;font-size:12px;line-height:20px}}.hero-section{padding-top:90px;width:100%}.hero-section .hero-wrapper{width:100%;display:flex;flex-direction:row;border-radius:var(--db-radius-xl);-webkit-border-radius:var(--db-radius-xl);-moz-border-radius:var(--db-radius-xl);-ms-border-radius:var(--db-radius-xl);height:600px;overflow:hidden;background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);padding:0}.hero-section .template-hero-swiper{width:100%;height:100%;overflow:hidden}.hero-section .template-hero-swiper .swiper-wrapper{height:100%}.hero-section .template-hero-swiper .swiper-slide img{width:100%;height:100%;object-fit:cover}.hero-section .template-hero-swiper .swiper-pagination{bottom:var(--db-padding-xl);left:var(--db-padding-xl);width:auto}@media(max-width: 768px){.hero-section .template-hero-swiper .swiper-pagination{bottom:0;left:0;right:0}}.hero-section .hero-content{display:flex;flex-direction:column;align-items:baseline;text-align:left;padding:var(--db-padding-xl);width:100%;max-width:400px}.hero-section .hero-content .text-wrapper{width:100%}.hero-section .hero-content .description{font-size:16px}.hero-section .hero-content .price-container{display:flex;gap:var(--db-padding-l);align-items:baseline;flex-direction:column;width:100%}.hero-section .hero-content .price-container .divider{width:100%;height:1px;margin:0;background-color:var(--db-border-base)}.hero-section .hero-content .price-container .current-price{display:flex;align-items:center;gap:var(--db-padding-xs)}.hero-section .hero-content .price-container .price-wrapper{width:100%}.hero-section .hero-content .price-container .price-wrapper .pricing-period-badge{display:flex;align-items:center;gap:var(--db-padding-xs);margin-top:var(--db-margin-xs)}.hero-section .hero-content .price-container .price-wrapper .pricing-period-badge .period-label{font-size:13px;color:var(--db-color-primary);font-weight:bold;line-height:1.4}.hero-section .hero-content .price-container .price-wrapper .pricing-period-badge .period-detail-link{font-size:12px;color:var(--db-color-primary);text-decoration:underline;text-decoration-color:var(--db-color-primary);text-underline-offset:2px;transition:all .2s ease;cursor:pointer}.hero-section .hero-content .price-container .discount{font-size:24px;font-weight:bold;color:var(--db-color-primary)}.hero-section .hero-content .price-container .price-current{font-size:24px;font-weight:bold;color:var(--db-text-primary)}.hero-section .hero-content .price-container .price-original{font-weight:normal;font-size:16px;color:var(--db-text-tertiary);text-align:left;line-height:1;text-decoration:line-through}.hero-section .hero-content .price-container .price-original .badge{text-decoration:none}.hero-section .hero-content .button-wrapper{width:100%;display:flex;gap:var(--db-padding-m);flex-direction:row;flex-wrap:wrap}.hero-section .hero-content .button-wrapper .button{flex:1}.hero-section .hero-content .button-wrapper .secondary{width:auto;flex:none}.hero-section .hero-content .button-wrapper .bundle-discount-note{width:100%;margin:0;font-size:12px;color:var(--db-text-secondary);text-align:center;line-height:1.4;margin-top:var(--db-margin-xs)}.hero-section .hero-content .promotion-countdown{margin-top:var(--db-margin-l)}.hero-section .hero-gallery{position:relative;flex:1;display:flex;justify-content:center;overflow:hidden}.hero-section .hero-gallery .badge{position:absolute;right:var(--db-padding-l);bottom:var(--db-padding-l);z-index:100;font-size:14px}.hero-section .hero-gallery .badge .icon{width:24px;height:24px;margin:0}.hero-section .hero-gallery .badge .version-text{background-color:var(--db-surface-alpha-inverse-10);padding:var(--db-padding-xs) var(--db-padding-s);font-size:12px;border-radius:var(--db-radius-full);-webkit-border-radius:var(--db-radius-full);-moz-border-radius:var(--db-radius-full);-ms-border-radius:var(--db-radius-full)}.hero-section .hero-gallery img{width:100%;height:100%;object-fit:cover}.section-tabs{position:sticky;z-index:100;transition:background .3s ease;max-width:760px;border:1px solid rgba(0,0,0,0);border-radius:var(--db-radius-xl);-webkit-border-radius:var(--db-radius-xl);-moz-border-radius:var(--db-radius-xl);-ms-border-radius:var(--db-radius-xl);margin:auto}.section-tabs.is-sticky{background-color:var(--db-surface-alpha-70)}@supports(-webkit-backdrop-filter: initial) or (backdrop-filter: initial){.section-tabs.is-sticky{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}}@supports not ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)){.section-tabs.is-sticky{filter:blur(24px);-webkit-filter:blur(24px);-moz-filter:blur(24px);-o-filter:blur(24px);-ms-filter:blur(24px);background-color:var(--db-surface-base)}}.section-tabs .tab-list{display:flex;gap:var(--db-padding-m);margin:0;padding:0;list-style:none;justify-content:center}@media(max-width: 767px){.section-tabs .tab-list{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap}.section-tabs .tab-list::-webkit-scrollbar{display:none}}.section-tabs .tab-item{flex:none}.section-tabs .tab-link{display:block;padding:var(--db-padding-xs);color:var(--db-text-secondary);text-decoration:none;font-size:14px;transition:all .3s ease;white-space:nowrap;position:relative;opacity:.7}@media(max-width: 767px){.section-tabs .tab-link{font-size:14px}}.section-tabs .tab-link::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--db-color-primary);transform:scaleX(0);transition:transform .3s ease}.section-tabs .tab-link.active{color:var(--db-text-primary);opacity:1;font-weight:bold}.section-tabs .tab-link.active::after{transform:scaleX(1)}.sticky-cta .pricing-info{flex:1}.sticky-cta .pricing-info .price-wrapper{display:flex;align-items:center;gap:var(--db-padding-s);padding-left:var(--db-padding-s)}.sticky-cta .pricing-info .price-wrapper .price-original{color:var(--db-text-tertiary);text-decoration:line-through;font-size:14px}.sticky-cta .pricing-info .price-wrapper .discount{color:var(--db-color-primary);font-size:20px;font-weight:bold}.sticky-cta .pricing-info .price-wrapper .price-current{color:var(--db-text-primary);font-size:20px;font-weight:bold;line-height:1}.sticky-cta .pricing-info .pricing-caption{font-size:14px;color:var(--db-text-tertiary);line-height:1.5}.container .disclaimer{text-align:center}.key-section{padding:var(--db-padding-m)}.key-section .key-content{background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);padding:var(--db-padding-m);max-width:720px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:var(--db-padding-m)}.key-section .key-content .key-title{font-size:40px;font-weight:bold;margin-bottom:var(--db-margin-m)}.key-section .key-content .key-title .highlight{font-size:48px;display:block}.section-tag{display:inline-flex;align-items:center;gap:var(--db-margin-xxs);padding:var(--db-padding-xs);background:var(--db-bg-primary);border-radius:var(--db-radius-xl);-webkit-border-radius:var(--db-radius-xl);-moz-border-radius:var(--db-radius-xl);-ms-border-radius:var(--db-radius-xl);margin-bottom:var(--db-margin-m)}.section-tag img{width:16px;height:16px}.section-tag i{font-size:16px;color:var(--db-color-primary)}.section-tag span{color:var(--db-text-primary);font-size:12px;letter-spacing:1px;font-weight:bold;line-height:16px;margin-right:4px;text-transform:uppercase}.section-header{text-align:center;max-width:720px;margin:0 auto var(--db-margin-xl)}.section-header .section-title{margin-bottom:var(--db-margin-m)}.section-header .section-subtitle{font-size:24px;line-height:1.4}.section-header .section-subtitle .highlight{color:var(--db-color-primary)}.section-header .section-date{font-size:18px}.feature-section{text-align:center}.feature-section .feature-icon{width:64px;height:64px;margin:0 auto var(--db-margin-m)}.feature-section .feature-icon img{width:100%;height:100%;object-fit:contain}.feature-section .feature-tag{display:inline-flex;align-items:center;padding:var(--db-padding-xs) var(--db-padding-s);background:rgba(var(--db-color-primary), 0.1);color:var(--db-color-primary);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);font-size:14px;margin-bottom:var(--db-margin-m)}.feature-section .feature-tag::before{content:"+";margin-right:4px}.feature-section .feature-title{font-size:48px;line-height:var(--db-leading-snug);font-weight:bold;margin-bottom:var(--db-margin-m)}.feature-section .feature-desc{font-size:20px;color:var(--db-text-secondary);margin-bottom:var(--db-margin-xl);max-width:720px;margin-left:auto;margin-right:auto}.feature-section .ui-grid{display:flex;margin:0 auto;gap:var(--db-padding-xs);flex-direction:column;flex-wrap:nowrap}@media(max-width: 768px){.feature-section .ui-grid{gap:var(--db-margin-xxs)}}.feature-section .ui-grid .ui-item{overflow:hidden}.feature-section .ui-grid .ui-item img{width:100%;height:100%;object-fit:cover}.feature-section .components-grid{display:grid;grid-template-columns:repeat(4, 240px);gap:var(--db-padding-xl);margin-top:var(--db-padding-2xl);justify-content:center}.feature-section .components-grid .mockup-image{position:relative;width:100%;height:auto;border-radius:var(--db-radius-xl);-webkit-border-radius:var(--db-radius-xl);-moz-border-radius:var(--db-radius-xl);-ms-border-radius:var(--db-radius-xl);transition:transform .3s ease}.feature-section .components-grid .mockup-image:nth-child(even){top:var(--db-padding-2xl)}.preview-main,.preview-wrapper{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.preview-main::before,.preview-wrapper::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, transparent, var(--db-surface-alpha-inverse-10))}.keypoint-feature-cards{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--db-padding-l);margin-bottom:var(--db-padding-xl)}.keypoint-feature-cards.grid-4{grid-template-columns:repeat(4, 1fr)}.keypoint-feature-cards .feature-card{flex:1;background:var(--db-bg-primary);border-radius:var(--db-radius-xl);-webkit-border-radius:var(--db-radius-xl);-moz-border-radius:var(--db-radius-xl);-ms-border-radius:var(--db-radius-xl);border:1px solid var(--db-border-base);overflow:hidden;display:flex;justify-content:space-between;flex-direction:column}.keypoint-feature-cards .feature-card .card-content{width:100%;flex:1;padding:var(--db-padding-l);text-align:left;display:flex;flex-direction:column;gap:var(--db-padding-xs);align-items:flex-start;border:none}.keypoint-feature-cards .feature-card .card-content h3{margin-bottom:0;font-size:24px}.keypoint-feature-cards .feature-card .card-content p{color:var(--db-text-secondary);font-size:15px;margin-bottom:0}@media(max-width: 768px){.keypoint-feature-cards{grid-template-columns:1fr;gap:var(--db-padding-l)}.keypoint-feature-cards.grid-4{grid-template-columns:1fr}}.feature-categories-slider .category-item .mockup-wrapper{border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);margin-bottom:var(--db-margin-s);overflow:hidden;border:1px solid var(--db-surface-alpha-inverse-10);width:210px}.feature-categories-slider .category-item .mockup-wrapper .mockup-image{position:relative;width:100%;height:100%}.feature-categories-slider .category-item .mockup-wrapper .mockup-image::before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background-image:var(--bg-image);background-size:cover;background-position:center;filter:blur(20px) brightness(0.8);z-index:0}.feature-categories-slider .category-item .mockup-wrapper .mockup-image img{position:relative;width:100%;height:100%;transform:scale(0.8);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);object-fit:cover;z-index:1}.feature-categories-slider .category-item .category-name{font-size:16px;color:var(--db-text-secondary);text-align:center}.feature-categories-slider .swiper-scrollbar{bottom:-30px}.category-section .category-grid{display:grid;grid-template-columns:repeat(5, 1fr);gap:var(--db-padding-l);margin-bottom:40px}.category-section .category-grid .category-preview-card{background:var(--db-bg-primary);padding:var(--db-padding-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);position:relative;border-radius:var(--db-radius-xl);-webkit-border-radius:var(--db-radius-xl);-moz-border-radius:var(--db-radius-xl);-ms-border-radius:var(--db-radius-xl);overflow:hidden;padding:0}.category-section .category-grid .category-preview-card::before,.category-section .category-grid .category-preview-card::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.category-section .category-grid .category-preview-card::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.category-section .category-grid .category-preview-card:hover::before{opacity:1}.category-section .category-grid .category-preview-card.coming-soon{border:1px dotted var(--db-border-base);background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center}.category-section .category-grid .category-preview-card.coming-soon .coming-soon-badge{padding:var(--db-padding-xs) var(--db-padding-s);border:1px dotted var(--db-border-base);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);color:#fff;font-size:14px;line-height:20px}.category-section .category-grid .category-preview-card .preview-wrapper{display:flex;justify-content:center;align-items:center}.category-section .category-grid .category-preview-card .category-info{padding:var(--db-padding-m);border-top:1px solid var(--db-border-base);text-align:center}.category-section .category-grid .category-preview-card .category-info h3{font-size:20px;margin-bottom:0}.category-section .category-grid .category-preview-card .category-info p{color:var(--db-text-tertiary);font-size:12px;margin-bottom:0}.category-section .category-grid .category-preview-card .category-info .page-count{display:inline-flex;font-size:11px;line-height:12px;font-weight:normal}@media(max-width: 768px){.category-section .category-grid{grid-template-columns:repeat(2, 1fr);gap:var(--db-padding-m)}.category-section .category-grid .category-preview-card .category-info h3{font-size:16px}}.pages-section .pages-group{display:flex;gap:var(--db-padding-xl);margin-bottom:80px}.pages-section .pages-group:last-child{margin-bottom:0}.pages-section .pages-group .pages-info{width:300px;flex-shrink:0}.pages-section .pages-group .pages-info .title{font-size:24px;margin-bottom:var(--db-margin-m)}.pages-section .pages-group .pages-info .desc{font-size:12px;line-height:20px;color:var(--db-text-secondary);margin-bottom:var(--db-margin-m)}.pages-section .pages-group .pages-grid{flex:1;display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--db-padding-l)}.pages-section .pages-group .pages-grid .page-preview-card{background:var(--db-surface-alpha-70);border:1px solid var(--db-surface-alpha-inverse-10);border-radius:var(--db-radius-xl);-webkit-border-radius:var(--db-radius-xl);-moz-border-radius:var(--db-radius-xl);-ms-border-radius:var(--db-radius-xl);overflow:hidden}.pages-section .pages-group .pages-grid .page-preview-card .preview{width:100%;display:flex;justify-content:center;align-items:center}.pages-section .pages-group .pages-grid .page-preview-card .preview img{object-fit:contain}.pages-section .pages-group .pages-grid .page-preview-card .title{border-top:1px solid rgba(255,255,255,.2);font-size:15px;padding:var(--db-padding-m);line-height:1;display:flex;gap:var(--db-margin-xxs);margin-bottom:0;justify-content:space-between;align-items:center}@media(max-width: 1280px){.pages-section .pages-group .pages-info{width:240px}.pages-section .pages-group .pages-grid{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 767px){.pages-section .pages-group{flex-direction:column}.pages-section .pages-group .pages-info{width:100%}.pages-section .pages-group .pages-grid{grid-template-columns:repeat(2, 1fr)}.pages-section .pages-group .pages-grid .page-preview-card .preview img{width:100%;height:auto}.pages-section .section-header .section-title{font-size:36px;line-height:44px}}.feature-components .components-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--db-padding-m);margin-top:var(--db-margin-xl)}.feature-components .components-grid .component-item{background:rgba(255,255,255,.05);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);padding:var(--db-padding-m);text-align:left}.feature-components .components-grid .component-item .component-icon{width:48px;height:48px;margin-bottom:var(--db-margin-s)}.feature-components .components-grid .component-item .component-icon img{width:100%;height:100%;object-fit:contain}.feature-components .components-grid .component-item h3{font-size:20px;margin-bottom:var(--db-margin-xs)}.feature-components .components-grid .component-item p{font-size:16px;color:var(--db-text-secondary);margin:0}.content-caption{font-size:14px;color:var(--db-text-tertiary);margin-top:var(--db-margin-m);text-align:center}.detail-section{text-align:center}.detail-section .detail-content{position:relative;max-width:1440px;margin:0 auto;display:flex;gap:var(--db-padding-m)}.detail-section .detail-content .content-wrapper{border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);overflow:hidden;position:relative}.detail-section .detail-content .content-wrapper img{width:100%;height:auto;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.detail-section .detail-content .content-label{position:absolute;top:0;left:0;width:100%;display:inline-flex;align-items:center;justify-content:center;padding:var(--db-padding-xs) var(--db-padding-s);color:var(--db-text-secondary);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);font-size:16px;gap:var(--db-margin-xxs);font-weight:bold;margin:var(--db-margin-m) 0}.detail-section .detail-content .content-label::before{content:"";width:24px;height:24px;background:url(../cc05b5517a8aa88c4a3b.svg) no-repeat center;background-size:contain;flex-shrink:0}.detail-section.has-grid .detail-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--db-padding-s);margin-top:var(--db-margin-xl)}@media(max-width: 820px){.detail-section.has-grid .detail-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 767px){.detail-section.has-grid .detail-grid{grid-template-columns:repeat(1, 1fr)}}.detail-section.has-grid .detail-grid .image-wrapper{position:relative;width:100%;height:100%;object-fit:cover;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);padding:var(--db-padding-s)}.detail-section.has-grid .detail-grid .image-wrapper::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, transparent, var(--db-surface-alpha-inverse-10))}.detail-section.has-grid .detail-grid .text-wrapper{padding:var(--db-padding-s)}.detail-section.has-grid .detail-grid .content-wrapper{text-align:center}.detail-section.has-grid .detail-grid .disclaimer{font-size:12px}.detail-section.has-grid .detail-grid .grid-item{background:var(--db-surface-alpha-inverse-10);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);padding:0;text-align:center}.detail-section.has-grid .detail-grid .grid-item h3{font-size:20px;margin-bottom:var(--db-margin-s)}.detail-section.has-grid .detail-grid .grid-item p{font-size:15px;line-height:1.5;color:var(--db-text-secondary);width:100%;margin:auto;margin-bottom:var(--db-margin-m)}#icon-section .content-wrapper img{width:100%;max-width:720px;margin:0 auto;margin-bottom:var(--db-margin-m)}.pricing-section .pricing-table{width:100%;max-width:480px;margin:0 auto;padding:var(--db-padding-m);background:var(--db-bg-primary);border-radius:var(--db-radius-xl);-webkit-border-radius:var(--db-radius-xl);-moz-border-radius:var(--db-radius-xl);-ms-border-radius:var(--db-radius-xl);border:1px solid var(--db-border-base)}.pricing-section .pricing-table .price-block{background:var(--db-bg-secondary);padding:var(--db-padding-l);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);text-align:center;margin-bottom:var(--db-margin-xs)}.pricing-section .pricing-table .price-block .price-original{color:var(--db-text-tertiary);font-size:16px;text-decoration:line-through;line-height:16px;margin-bottom:var(--db-margin-xs)}.pricing-section .pricing-table .price-block .price-current{color:var(--db-text-primary);font-size:32px;font-weight:bold;line-height:1;margin-bottom:8px}.pricing-section .pricing-table .price-block .discount-badge{display:inline-flex;align-items:center;gap:var(--db-margin-xxs);padding:var(--db-padding-xs) var(--db-padding-s);background:var(--db-bg-primary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.pricing-section .pricing-table .price-block .discount-badge strong{color:var(--db-text-primary);font-size:16px;font-weight:700;line-height:16px}.pricing-section .pricing-table .price-block .discount-badge span{color:var(--db-text-primary);font-size:14px;line-height:14px}.pricing-section .pricing-table .price-block .pricing-periods-mini{margin-top:var(--db-margin-m);display:flex;flex-direction:column;gap:var(--db-padding-xs)}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item{display:flex;justify-content:space-between;align-items:center;padding:var(--db-padding-m);background:var(--db-bg-primary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);transition:all .2s ease}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item.active{background:linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(99, 102, 241, 0.2) 100%);box-shadow:0 4px 12px rgba(59,130,246,.2);transform:translateY(-2px);position:relative}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item.active::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;padding:2px;background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:db-anim-spin-border 3s linear infinite;z-index:0;pointer-events:none}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item.active>*{position:relative;z-index:1}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item.active .period-mini-name{color:var(--db-text-primary)}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item.active .period-mini-date{color:var(--db-text-primary)}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item.ended{opacity:.5}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item.ended .period-mini-price{display:none}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item .period-mini-info{display:flex;flex-direction:column;flex:1;text-align:left;align-items:flex-start;gap:var(--db-margin-xs)}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item .period-mini-info .period-mini-header{display:flex;gap:var(--db-margin-xs);flex-wrap:wrap;align-items:flex-start;flex-direction:column}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item .period-mini-info .period-mini-name{color:var(--db-text-primary);font-size:16px;font-weight:bold;line-height:1}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item .period-mini-info .period-mini-date{color:var(--db-text-secondary);font-size:14px;font-weight:400;line-height:1}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item .period-mini-price{display:flex;align-items:flex-end;gap:var(--db-margin-s);flex-shrink:0}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item .period-mini-price .period-mini-price-left{display:flex;flex-direction:column;align-items:flex-start}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item .period-mini-price .period-mini-current{color:var(--db-text-primary);font-size:18px;font-weight:700;line-height:1.2}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item .period-mini-price .period-mini-original-label{color:var(--db-text-secondary);font-size:11px;font-weight:400;line-height:1.2}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item .period-mini-price .period-mini-original{color:var(--db-text-tertiary);font-size:12px;text-decoration:line-through;line-height:1.2}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item .period-mini-price .period-mini-discount{color:#000;font-size:14px;font-weight:600;line-height:1;padding:var(--db-padding-xs);background:#fff;border-radius:var(--db-radius-full);-webkit-border-radius:var(--db-radius-full);-moz-border-radius:var(--db-radius-full);-ms-border-radius:var(--db-radius-full)}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item .period-mini-price .period-mini-price-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item.active .period-mini-price-left .period-mini-current{font-size:20px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item.active .period-mini-price-right .period-mini-discount{background:rgba(59,130,246,.3);color:#fff;font-weight:700}@media(max-width: 768px){.pricing-section .pricing-table .price-block .pricing-periods-mini{gap:var(--db-padding-xxs)}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item .period-mini-price .period-mini-discount{font-size:11px;padding:1px var(--db-padding-xxs)}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item .period-mini-price .period-mini-current{font-size:13px}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item .period-mini-price .period-mini-original{font-size:11px}.pricing-section .pricing-table .price-block .pricing-periods-mini .pricing-period-mini-item.active .period-mini-current{font-size:14px}}.pricing-section .pricing-table .features-list .feature-item{display:flex;align-items:center;padding:var(--db-padding-m);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);gap:var(--db-padding-m)}.pricing-section .pricing-table .features-list .feature-item:nth-child(odd){background:var(--db-bg-secondary)}.pricing-section .pricing-table .features-list .feature-item .feature-name{width:140px;color:var(--db-text-primary);font-size:18px;font-weight:700;line-height:20px}.pricing-section .pricing-table .features-list .feature-item .feature-value{flex:1;text-align:right;color:var(--db-text-primary);font-size:18px;font-weight:700;line-height:20px}.pricing-section .pricing-table .features-list .feature-item .feature-value .sub-text{display:block;font-size:14px;line-height:20px}.pricing-section .pricing-table .features-list .feature-item .check-icon{width:24px;height:24px;margin-left:auto}.pricing-section .pricing-table .features-list .feature-item .check-icon svg{width:100%;height:100%}.recommend-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--db-margin-m)}.recommend-card{padding:var(--db-padding-l);background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);display:flex;flex-direction:column;align-items:center;gap:var(--db-padding-l);text-align:center}.recommend-card img{width:100px;height:100px;display:flex;justify-content:center;align-items:center}.recommend-card h3{font-size:20px;font-weight:normal;line-height:1.5;margin-bottom:var(--db-margin-m)}.recommend-card .tags{flex-wrap:wrap;justify-content:center;margin:0}.recommend-card .tags .tag{padding:var(--db-padding-xs) var(--db-padding-s);background:var(--db-bg-secondary);border-radius:var(--db-radius-full);-webkit-border-radius:var(--db-radius-full);-moz-border-radius:var(--db-radius-full);-ms-border-radius:var(--db-radius-full);border:1px solid var(--db-border-base);color:var(--db-text-primary);font-size:14px;font-weight:700}.review-section .review-header{display:flex;flex-direction:column;align-items:center;gap:var(--db-padding-l);margin-bottom:40px}.review-section .review-header .stars{width:193px;height:50px;object-fit:contain}.review-section .review-header .logo{width:193px;height:20px;color:var(--db-text-inverse-primary);text-align:center;font-weight:700}.review-section .review-header .title{color:var(--db-text-inverse-primary);font-size:36px;font-weight:700;line-height:1.3;text-align:center}.review-section .review-list{display:flex;flex-direction:column;gap:var(--db-padding-m);max-width:720px;margin:0 auto}.review-section .review-list .review-item{padding:var(--db-padding-m) var(--db-padding-l);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.review-section .review-list .review-item p{color:var(--db-text-inverse-primary);font-size:18px;line-height:1.4;text-align:center;margin:0}.review-section .review-list .review-item p strong{font-weight:700}.review-event-section .event-content{width:100%;max-width:480px;background:var(--db-bg-primary);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);position:relative;overflow:hidden;border:1px solid var(--db-border-base);margin:0 auto}.review-event-section .event-content::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;pointer-events:none;z-index:0;padding:1px;background:linear-gradient(var(--rotate), transparent 0%, var(--db-color-primary-60) 20%, var(--db-color-primary-90) 40%, var(--db-color-primary-60) 60%, var(--db-color-primary-30) 80%, transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:1;animation:db-anim-spin 5s linear infinite}.review-event-section .event-content .event-card{display:flex;flex-direction:column;align-items:center}.review-event-section .event-content .event-header{display:flex;flex-direction:column;align-items:center;width:100%;padding:var(--db-padding-l);text-align:center}.review-event-section .event-content .event-date{font-size:14px;color:var(--db-text-secondary)}.review-event-section .event-content .event-image{flex:1}.review-event-section .event-content .event-image img{width:100%;height:100%;object-fit:cover}.review-event-section .event-content .event-info{width:100%;flex:1;padding:var(--db-padding-l)}.review-event-section .event-content .event-info .event-guide{padding:var(--db-padding-s);background:var(--db-bg-secondary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.review-event-section .event-content .event-info .event-guide h4{font-size:20px;margin-bottom:var(--db-margin-m)}.review-event-section .event-content .event-info .event-guide p{font-size:14px;line-height:1.5;margin-bottom:0}.review-event-section .event-content .event-info .event-guide p strong{font-weight:700}.preview-section .preview-slider{position:relative}.preview-section .preview-slider .preview-item{position:relative;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);padding:var(--db-padding-xs);display:flex;flex-direction:column;gap:var(--db-padding-xs)}.preview-section .preview-slider .preview-item img{width:100%;max-width:640px;height:auto;display:block;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);overflow:hidden}.preview-section .preview-slider .preview-item .preview-info{position:absolute;left:0;top:0;display:flex;gap:var(--db-padding-xs);padding:var(--db-padding-l);align-items:center}.preview-section .preview-slider .preview-item .preview-info .preview-category{display:inline-block;font-size:12px;line-height:1;padding:var(--db-margin-xxs) var(--db-padding-xs);border-radius:var(--db-radius-full);-webkit-border-radius:var(--db-radius-full);-moz-border-radius:var(--db-radius-full);-ms-border-radius:var(--db-radius-full);margin-bottom:var(--db-margin-xs)}.preview-section .preview-slider .preview-item .preview-info .preview-title{font-size:16px;margin:0}.preview-section .preview-slider .swiper-slide{width:auto;height:auto}.preview-section .preview-slider .swiper-scrollbar{bottom:-30px}.faq-section .container .supernormal-faq-container{background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);max-width:720px;margin:0 auto}.faq-section .container .supernormal-faq-container .faq-title{color:var(--db-text-primary)}.faq-section .container .supernormal-faq-container .faq-item{background-color:rgba(0,0,0,0);border:1px solid var(--db-border-base)}.faq-section .container .supernormal-faq-container .faq-question{background-color:rgba(0,0,0,0);color:var(--db-text-primary)}@media(max-width: 820px){.review-section .review-list .review-item p{font-size:14px}.review-event-section .event-header .title-wrapper .subtitle{font-size:24px}.review-event-section .event-header .title-wrapper .title{font-size:36px}.review-event-section .event-content .event-card img{width:100%}.review-event-section .event-content .event-info .event-guide h4{font-size:18px}.review-event-section .event-content .event-info .event-guide p{font-size:14px}.features-list .feature-row{grid-template-columns:120px repeat(3, 1fr);gap:var(--db-padding-s);font-size:14px}.features-list .feature-row.full-width{grid-template-columns:120px 1fr}.hero-section{padding:56px 0 var(--db-padding-xl) 0}.hero-section .hero-wrapper{height:auto;flex-direction:column}.hero-section .hero-content{max-width:100%;text-align:center;padding:var(--db-padding-l)}.hero-section .hero-content .price-container{gap:var(--db-padding-m)}.hero-section .hero-content .price-container .price-original{font-size:16px}.hero-section .hero-content .price-container .price-current{font-size:20px}.hero-section .hero-content .price-container .discount{font-size:20px}.hero-section .hero-gallery .badge{right:auto;left:auto;margin:auto;bottom:20px}.section-tag{margin-bottom:var(--db-margin-s)}.section-tag .icon{width:16px;height:16px}.section-tag span{font-size:12px}.section-header{margin-bottom:var(--db-margin-m)}.section-header .section-title{font-size:24px}.section-header .section-subtitle{font-size:18px}.section-header .section-date{font-size:15px}.feature-section .components-grid{grid-template-columns:repeat(4, 120px);gap:var(--db-padding-xs);margin-top:var(--db-margin-m)}.feature-section .components-grid .mockup-image:nth-child(even){top:24px}.detail-section.has-grid .detail-grid{gap:var(--db-padding-l)}.detail-section.has-grid .detail-grid .grid-item h3{font-size:18px}.detail-section.has-grid .detail-grid .grid-item .detail-graphic{height:32px}.detail-section .detail-content{gap:var(--db-padding-s);flex-direction:column}.detail-section .detail-content .content-label{margin:var(--db-margin-xxs) 0}.feature-categories-slider .category-item .mockup-wrapper{width:150px}.feature-components .components-grid{grid-template-columns:1fr}.recommend-section .recommend-grid{grid-template-columns:1fr}.recommend-section .recommend-grid .recommend-card{flex-direction:row;padding:var(--db-padding-s);text-align:left}.recommend-section .recommend-grid .recommend-card img{width:64px;height:64px}.recommend-section .recommend-grid .recommend-card h3{font-size:16px;margin-bottom:var(--db-margin-s)}.recommend-section .recommend-grid .recommend-card .tags{flex-direction:row;justify-content:flex-start}.recommend-section .recommend-grid .recommend-card .tags .tag{font-size:12px;padding:var(--db-padding-xs) var(--db-padding-s)}.features-list .feature-row{grid-template-columns:120px repeat(3, 1fr);gap:var(--db-padding-s);font-size:14px}.features-list .feature-row.full-width{grid-template-columns:120px 1fr}.preview-section .preview-slider .swiper-slide img{max-width:600px}}.video-section .video-wrapper{position:relative;width:100%;max-width:1080px;margin:0 auto;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);overflow:hidden}.video-section .video-wrapper::before{content:"";display:block;padding-top:56.25%}.video-section .video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.notice-section .notice-image{width:100%;max-width:540px;margin:auto}.notice-section .notice-image img{width:100%;height:100%;object-fit:contain}@media(max-width: 767px){.section-tabs{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0}.section-tabs .tab-list{justify-content:flex-start}.sticky-cta .pricing-info .price-wrapper .price-current{font-size:18px}.sticky-cta .pricing-info .price-wrapper .price-original{font-size:13px}.sticky-cta .pricing-info .price-wrapper .discount{font-size:18px}.preview-section .preview-slider .swiper-slide img{max-width:360px}.video-section .video-wrapper{border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}}.recommend-template-section{padding:var(--db-padding-l)}.recommend-template-section .recommend-template-wrapper{padding:var(--db-padding-l);background-color:var(--db-bg-secondary);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);border:1px solid var(--db-border-base)}.recommend-template-section .recommend-template-grid{display:flex;gap:var(--db-padding-xl);justify-content:center;flex-wrap:wrap}.recommend-template-section .recommend-template-card{flex:1;max-width:400px;background:var(--db-bg-primary);border-radius:var(--db-radius-xl);-webkit-border-radius:var(--db-radius-xl);-moz-border-radius:var(--db-radius-xl);-ms-border-radius:var(--db-radius-xl);border:1px solid var(--db-border-base);overflow:hidden}.recommend-template-section .recommend-template-card img{width:100%;object-fit:cover}.recommend-template-section .recommend-template-card .recommend-template-content{padding:var(--db-padding-l);text-align:center}.recommend-template-section .recommend-template-card .recommend-template-content h3{font-size:20px;margin-bottom:0}@media(max-width: 820px){.recommend-template-section{padding:var(--db-padding-l)}.recommend-template-section .recommend-template-wrapper{padding:var(--db-padding-l)}.recommend-template-section .recommend-template-grid{gap:var(--db-padding-l)}.recommend-template-section .recommend-template-card{min-width:calc(50% - 8px);max-width:none}.recommend-template-section .recommend-template-card .recommend-template-content h3{font-size:18px}}@media(max-width: 767px){.recommend-template-section .recommend-template-title{font-size:24px}.recommend-template-section .recommend-template-grid{gap:var(--db-padding-m)}.recommend-template-section .recommend-template-card{min-width:100%;max-width:100%}.recommend-template-section .recommend-template-card img{height:160px}.recommend-template-section .recommend-template-card .recommend-template-content{padding:var(--db-padding-l)}.recommend-template-section .recommend-template-card .recommend-template-content h3{font-size:16px}}.type-comparison-section .type-comparison-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--db-padding-l);max-width:760px;margin:0 auto}.type-comparison-section .type-comparison-grid .type-card{border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);padding:var(--db-padding-m);margin-bottom:0;display:flex;flex-direction:column;gap:var(--db-padding-s);border:1px solid var(--db-border-base);transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit}.type-comparison-section .type-comparison-grid .type-card.type-a{cursor:default}.type-comparison-section .type-comparison-grid .type-card.type-b .type-header .type-title{color:var(--db-text-primary)}.type-comparison-section .type-comparison-grid .type-card.type-b .type-header .type-desc{color:var(--db-text-secondary)}.type-comparison-section .type-comparison-grid .type-card.type-b .type-features .feature-item{color:var(--db-text-secondary)}.type-comparison-section .type-comparison-grid .type-card.type-b .type-features .feature-item i{color:var(--db-color-primary)}.type-comparison-section .type-comparison-grid .type-card .type-header{display:flex;flex-direction:column;gap:var(--db-padding-xs)}.type-comparison-section .type-comparison-grid .type-card .type-header .type-badge{display:flex;align-items:center;gap:var(--db-padding-s)}.type-comparison-section .type-comparison-grid .type-card .type-header .type-badge .type-label{font-size:14px;font-weight:700;color:var(--db-text-primary)}.type-comparison-section .type-comparison-grid .type-card .type-header .type-image{width:100%;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);overflow:hidden;background:var(--db-bg-secondary);aspect-ratio:4/3;margin-bottom:var(--db-margin-s)}.type-comparison-section .type-comparison-grid .type-card .type-header .type-image img{width:100%;height:100%;object-fit:cover}.type-comparison-section .type-comparison-grid .type-card .type-header .type-title{font-size:24px;font-weight:700;margin-bottom:0;color:var(--db-text-primary)}.type-comparison-section .type-comparison-grid .type-card .type-header .type-desc{font-size:15px;color:var(--db-text-secondary);line-height:1.6;margin-bottom:0}.type-comparison-section .type-comparison-grid .type-card .type-features{display:flex;flex-direction:column;gap:var(--db-padding-s);background-color:var(--db-bg-secondary);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);padding:var(--db-padding-s);flex:1}.type-comparison-section .type-comparison-grid .type-card .type-features .feature-item{display:flex;align-items:center;gap:var(--db-padding-s);font-size:14px;color:var(--db-text-secondary)}.type-comparison-section .type-comparison-grid .type-card .type-features .feature-item i{color:var(--db-color-primary);font-size:16px;flex-shrink:0}.type-comparison-section .type-comparison-grid .type-card .type-action .current-badge{display:inline-block;padding:var(--db-padding-s) var(--db-padding-l);background:var(--db-bg-secondary);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);font-size:14px;color:var(--db-text-secondary);font-weight:600}.type-comparison-section .type-comparison-grid .type-card .type-action .button{width:100%;justify-content:center}.type-comparison-section .type-comparison-grid div.type-card{cursor:default;position:static !important}.type-comparison-section .type-comparison-grid div.type-card::before,.type-comparison-section .type-comparison-grid div.type-card::after{display:none !important;content:"" !important;opacity:0 !important;pointer-events:none !important}.type-comparison-section .type-comparison-grid a.type-card{background:var(--db-bg-primary);padding:var(--db-padding-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);position:relative;cursor:pointer}.type-comparison-section .type-comparison-grid a.type-card::before,.type-comparison-section .type-comparison-grid a.type-card::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.type-comparison-section .type-comparison-grid a.type-card::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.type-comparison-section .type-comparison-grid a.type-card:hover::before{opacity:1}.type-comparison-section .type-comparison-grid a.type-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}@media(max-width: 767px){.type-comparison-section .type-comparison-grid{grid-template-columns:1fr;gap:var(--db-padding-l)}.type-comparison-section .type-comparison-grid .type-card .type-header .type-image{margin-bottom:12px}.type-comparison-section .type-comparison-grid .type-card .type-header .type-title{font-size:20px}.type-comparison-section .type-comparison-grid .type-card .type-header .type-desc{font-size:14px}}.bundle-section .bundle-card{max-width:760px;margin:0 auto;background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);padding:var(--db-padding-xl)}.bundle-section .bundle-card .bundle-header{text-align:center;margin-bottom:24px}.bundle-section .bundle-card .bundle-header .highlight{color:var(--db-color-primary)}.bundle-section .bundle-card .bundle-header .bundle-title{font-size:24px}.bundle-section .bundle-card .bundle-content .bundle-products-list{display:flex;align-items:center;gap:var(--db-padding-s);margin-bottom:var(--db-margin-m)}.bundle-section .bundle-card .bundle-content .bundle-products-list .bundle-product-row{display:flex;flex:1;align-items:center;padding:var(--db-padding-m);background:var(--db-bg-secondary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);transition:background .2s ease}.bundle-section .bundle-card .bundle-content .bundle-products-list .bundle-product-row .product-info{display:flex;align-items:center;width:100%;flex-direction:column}.bundle-section .bundle-card .bundle-content .bundle-products-list .bundle-product-row .product-info .bundle-product-thumbnail{width:80px;height:60px;flex-shrink:0;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);overflow:hidden;border:1px solid var(--db-border-base);background:var(--db-bg-primary);margin-bottom:var(--db-margin-m)}.bundle-section .bundle-card .bundle-content .bundle-products-list .bundle-product-row .product-info .bundle-product-thumbnail img{width:100%;height:100%;object-fit:cover}.bundle-section .bundle-card .bundle-content .bundle-products-list .bundle-product-row .product-info .product-details{flex:1;min-width:0}.bundle-section .bundle-card .bundle-content .bundle-products-list .bundle-product-row .product-info .product-details .product-title{font-size:16px;color:var(--db-text-primary);margin:0}.bundle-section .bundle-card .bundle-content .bundle-products-list .bundle-product-row .product-info .product-pricing-info{display:flex;align-items:center;gap:var(--db-padding-s);flex-wrap:wrap}.bundle-section .bundle-card .bundle-content .bundle-products-list .bundle-product-row .product-info .product-pricing-info .price-original{font-size:14px;color:var(--db-text-tertiary);text-decoration:line-through}.bundle-section .bundle-card .bundle-content .bundle-products-list .bundle-product-row .product-info .product-pricing-info .price-original .badge{text-decoration:none}.bundle-section .bundle-card .bundle-content .bundle-products-list .bundle-product-row .product-info .product-pricing-info .price-sale{font-size:18px;font-weight:700;color:var(--db-text-primary)}.bundle-section .bundle-card .bundle-content .bundle-products-list .bundle-product-row .product-info .product-pricing-info .discount-rate{font-size:13px;color:var(--db-color-primary);font-weight:600}.bundle-section .bundle-card .bundle-content .bundle-pricing-summary{background:var(--db-bg-secondary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);padding:var(--db-padding-l)}.bundle-section .bundle-card .bundle-content .bundle-pricing-summary .pricing-row{display:flex;align-items:center;gap:var(--db-padding-m);justify-content:space-between;padding:var(--db-padding-xs) 0}.bundle-section .bundle-card .bundle-content .bundle-pricing-summary .pricing-row.bundle-final{border-top:1px solid var(--db-border-base);padding-top:var(--db-padding-s);margin-top:var(--db-margin-s)}.bundle-section .bundle-card .bundle-content .bundle-pricing-summary .pricing-row.bundle-final .final-price-group{display:flex;align-items:center;gap:var(--db-padding-m)}.bundle-section .bundle-card .bundle-content .bundle-pricing-summary .pricing-row.bundle-final .final-price-group .pricing-value.final{font-size:28px;color:var(--db-text-primary)}.bundle-section .bundle-card .bundle-content .bundle-pricing-summary .pricing-row.bundle-final .final-price-group .final-discount-badge{font-size:14px;color:var(--db-text-inverse-primary);background:var(--db-color-primary);padding:var(--db-padding-xs) var(--db-padding-s);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s)}.bundle-section .bundle-card .bundle-content .bundle-pricing-summary .pricing-row.bundle-save .save-amount{font-size:24px;font-weight:600;color:var(--db-color-primary);background:var(--db-bg-primary);padding:var(--db-padding-xs) var(--db-padding-s);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);display:flex;justify-content:center;align-items:center;width:100%}.bundle-section .bundle-card .bundle-content .bundle-pricing-summary .pricing-row .pricing-label{font-size:16px;color:var(--db-text-secondary)}.bundle-section .bundle-card .bundle-content .bundle-pricing-summary .pricing-row .pricing-value{font-size:18px;font-weight:600;color:var(--db-text-primary)}.bundle-section .bundle-card .bundle-content .bundle-pricing-summary .pricing-row .pricing-value.original{text-decoration:line-through;color:var(--db-text-tertiary)}.bundle-section .bundle-card .bundle-content .bundle-pricing-summary .pricing-row .pricing-value.discount{color:var(--db-color-primary)}@media(max-width: 767px){.bundle-section .bundle-card{padding:var(--db-padding-m)}.bundle-section .bundle-card .bundle-header .bundle-title{font-size:20px}.bundle-section .bundle-card .bundle-content .bundle-products-list .bundle-product-row{display:flex;flex:1;align-items:center;padding:var(--db-padding-m);background:var(--db-bg-secondary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);transition:background .2s ease}.bundle-section .bundle-card .bundle-content .bundle-products-list .bundle-product-row .product-info{display:flex;align-items:center;width:100%;flex-direction:column}.bundle-section .bundle-card .bundle-content .bundle-products-list .bundle-product-row .product-info .bundle-product-thumbnail{width:100%;height:90px}.bundle-section .bundle-card .bundle-content .bundle-products-list .bundle-product-row .product-info .product-details{flex:1;min-width:0}.bundle-section .bundle-card .bundle-content .bundle-products-list .bundle-product-row .product-info .product-details .product-title{font-size:14px}.bundle-section .bundle-card .bundle-content .bundle-products-list .bundle-product-row .product-info .product-pricing-info{gap:0;flex-direction:column;align-items:flex-start;width:100%}.bundle-section .bundle-card .bundle-content .bundle-products-list .bundle-product-row .product-info .product-pricing-info .price-original{font-size:12px}.bundle-section .bundle-card .bundle-content .bundle-products-list .bundle-product-row .product-info .product-pricing-info .price-sale{font-size:16px}.bundle-section .bundle-card .bundle-content .bundle-products-list .bundle-product-row .product-info .product-pricing-info .discount-rate{font-size:12px}.bundle-section .bundle-card .bundle-content .bundle-pricing-summary{padding:var(--db-padding-m)}.bundle-section .bundle-card .bundle-content .bundle-pricing-summary .pricing-row{padding:0}.bundle-section .bundle-card .bundle-content .bundle-pricing-summary .pricing-row.bundle-final .final-price-group{gap:var(--db-padding-s)}.bundle-section .bundle-card .bundle-content .bundle-pricing-summary .pricing-row.bundle-final .final-price-group .pricing-value.final{font-size:20px}.bundle-section .bundle-card .bundle-content .bundle-pricing-summary .pricing-row.bundle-final .final-price-group .final-discount-badge{font-size:12px}.bundle-section .bundle-card .bundle-content .bundle-pricing-summary .pricing-row.bundle-save .save-amount{font-size:18px}.bundle-section .bundle-card .bundle-content .bundle-pricing-summary .pricing-row .pricing-label{font-size:14px}.bundle-section .bundle-card .bundle-content .bundle-pricing-summary .pricing-row .pricing-value{font-size:16px}.bundle-section .bundle-card .bundle-content .bundle-features{grid-template-columns:1fr;padding:var(--db-padding-l)}}.bundle-section .bundle-products-cards{margin-top:var(--db-margin-l)}.bundle-section .bundle-products-cards .section-subtitle{text-align:center;margin-bottom:var(--db-margin-m)}.bundle-section .bundle-products-cards .section-subtitle h3{font-size:24px;font-weight:700;color:var(--db-text-primary);margin:0 0 8px 0}.bundle-section .bundle-products-cards .section-subtitle p{font-size:16px;color:var(--db-text-secondary);margin:0}.bundle-section .bundle-products-cards .grid.grid-2{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--db-padding-l)}@media(max-width: 767px){.bundle-section .bundle-products-cards .grid.grid-2{grid-template-columns:1fr;gap:var(--db-padding-m)}}.bundle-section .bundle-products-cards .type-card-digital-product{border:1px solid var(--db-border-base)}.bundle-purchase-banner{padding:0;margin-top:var(--db-margin-l)}.bundle-purchase-banner .bundle-banner-card{max-width:480px;margin:0 auto;background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);position:relative;padding:var(--db-padding-l);background:var(--db-bg-primary);position:relative;overflow:hidden}.bundle-purchase-banner .bundle-banner-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;pointer-events:none;z-index:0;padding:1px;background:linear-gradient(var(--rotate), transparent 0%, var(--db-color-primary-60) 20%, var(--db-color-primary-90) 40%, var(--db-color-primary-60) 60%, var(--db-color-primary-30) 80%, transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:1;animation:db-anim-spin 5s linear infinite}.bundle-purchase-banner .bundle-banner-card .banner-content{display:flex;align-items:center;gap:var(--db-padding-xl);position:relative;z-index:1}.bundle-purchase-banner .bundle-banner-card .banner-content .banner-text{flex:1}.bundle-purchase-banner .bundle-banner-card .banner-content .banner-text .banner-title{font-size:20px;line-height:1.4;color:var(--db-text-primary);margin-bottom:var(--db-margin-m)}.bundle-purchase-banner .bundle-banner-card .banner-content .banner-text .banner-title .highlight{color:var(--db-color-primary)}.bundle-purchase-banner .bundle-banner-card .banner-content .banner-text .banner-desc{font-size:18px;color:var(--db-text-secondary);line-height:1.6;margin:0;display:none}.bundle-purchase-banner .bundle-banner-card .banner-content .banner-text .banner-desc strong{color:var(--db-color-primary);font-weight:700}.bundle-purchase-banner .bundle-banner-card .banner-content .banner-action{display:flex;flex-direction:column;align-items:flex-end;gap:var(--db-padding-l);flex-shrink:0}.bundle-purchase-banner .bundle-banner-card .banner-content .banner-action .banner-pricing{text-align:right}.bundle-purchase-banner .bundle-banner-card .banner-content .banner-action .banner-pricing .price-group{display:flex;align-items:flex-end;flex-wrap:wrap;flex-direction:column}.bundle-purchase-banner .bundle-banner-card .banner-content .banner-action .banner-pricing .price-group .price-original-group{display:flex;align-items:center;gap:var(--db-padding-xs)}.bundle-purchase-banner .bundle-banner-card .banner-content .banner-action .banner-pricing .price-group .price-original{font-size:16px;color:var(--db-text-tertiary);text-decoration:line-through}.bundle-purchase-banner .bundle-banner-card .banner-content .banner-action .banner-pricing .price-group .price-current{font-size:24px;font-weight:700;color:var(--db-text-primary);line-height:1}@media(max-width: 820px){.bundle-purchase-banner .bundle-banner-card .banner-content{flex-direction:column;text-align:left}.bundle-purchase-banner .bundle-banner-card .banner-content .banner-action{align-items:center;width:100%}.bundle-purchase-banner .bundle-banner-card .banner-content .banner-action .banner-pricing{text-align:center;width:100%}.bundle-purchase-banner .bundle-banner-card .banner-content .banner-action .banner-pricing .price-row{align-items:center}.bundle-purchase-banner .bundle-banner-card .banner-content .banner-action .banner-pricing .price-row .price-group{justify-content:center;flex-direction:column;gap:var(--db-padding-s)}.bundle-purchase-banner .bundle-banner-card .banner-content .banner-action .button{width:100%;min-width:auto}}@media(max-width: 767px){.bundle-purchase-banner .bundle-banner-card .banner-content .banner-text .banner-title{font-size:22px}.bundle-purchase-banner .bundle-banner-card .banner-content .banner-text .banner-title .highlight{font-size:26px}.bundle-purchase-banner .bundle-banner-card .banner-content .banner-text .banner-desc{font-size:15px}.bundle-purchase-banner .bundle-banner-card .banner-content .banner-action .banner-pricing .price-row .price-group .price-original{font-size:16px}.bundle-purchase-banner .bundle-banner-card .banner-content .banner-action .banner-pricing .price-row .price-group .price-current{font-size:24px}.bundle-purchase-banner .bundle-banner-card .banner-content .banner-action .banner-pricing .price-row .price-group .discount-badge{font-size:14px;padding:var(--db-padding-xxs) var(--db-padding-m)}.bundle-purchase-banner .bundle-banner-card .banner-content .banner-action .button{font-size:15px;padding:var(--db-padding-s) var(--db-padding-xl)}}.feature-image-text-section{padding:var(--db-padding-2xl) 0}.feature-image-text-section .feature-image-text-wrapper{display:flex;align-items:center;gap:var(--db-padding-2xl);max-width:1200px;margin:0 auto}.feature-image-text-section .feature-image-text-wrapper.layout-left-text{flex-direction:row}.feature-image-text-section .feature-image-text-wrapper.layout-right-text{flex-direction:row-reverse}.feature-image-text-section .feature-image-text-wrapper .feature-text{flex:1;min-width:0}.feature-image-text-section .feature-image-text-wrapper .feature-text .feature-title{font-size:36px;font-weight:700;line-height:1.3;color:var(--db-text-primary);margin-bottom:var(--db-padding-xl)}.feature-image-text-section .feature-image-text-wrapper .feature-text .feature-description{font-size:18px;line-height:1.8;color:var(--db-text-secondary);margin:0}.feature-image-text-section .feature-image-text-wrapper .feature-image{flex:1;min-width:0;position:relative}.feature-image-text-section .feature-image-text-wrapper .feature-image .image-rolling-container{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);overflow:hidden;background:var(--db-bg-secondary)}.feature-image-text-section .feature-image-text-wrapper .feature-image .image-rolling-container.no-aspect-ratio{aspect-ratio:auto}.feature-image-text-section .feature-image-text-wrapper .feature-image .image-rolling-container.no-aspect-ratio .rolling-image-item{position:absolute;top:0;left:0;width:100%;height:100%}.feature-image-text-section .feature-image-text-wrapper .feature-image .image-rolling-container.no-aspect-ratio .rolling-image-item img{width:100%;height:100%;object-fit:cover;object-position:center}.feature-image-text-section .feature-image-text-wrapper .feature-image .image-rolling-container .rolling-image-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;pointer-events:none}.feature-image-text-section .feature-image-text-wrapper .feature-image .image-rolling-container .rolling-image-item.active{opacity:1;pointer-events:auto}.feature-image-text-section .feature-image-text-wrapper .feature-image .image-rolling-container .rolling-image-item img{width:100%;height:100%;object-fit:cover;display:block}.feature-image-text-section .feature-image-text-wrapper .feature-image .image-rolling-container.no-fade .rolling-image-item{transition:none}@media(max-width: 1024px){.feature-image-text-section{padding:var(--db-padding-2xl) 0}.feature-image-text-section .feature-image-text-wrapper{gap:var(--db-padding-2xl)}.feature-image-text-section .feature-image-text-wrapper .feature-text .feature-title{font-size:32px}.feature-image-text-section .feature-image-text-wrapper .feature-text .feature-description{font-size:17px}}@media(max-width: 820px){.feature-image-text-section{padding:var(--db-padding-2xl) 0}.feature-image-text-section .feature-image-text-wrapper{flex-direction:column !important;gap:var(--db-padding-2xl)}.feature-image-text-section .feature-image-text-wrapper .feature-text{text-align:center}.feature-image-text-section .feature-image-text-wrapper .feature-text .feature-title{font-size:28px;margin-bottom:16px}.feature-image-text-section .feature-image-text-wrapper .feature-text .feature-description{font-size:16px}.feature-image-text-section .feature-image-text-wrapper .feature-image{width:100%}}@media(max-width: 767px){.feature-image-text-section{padding:var(--db-padding-2xl) 0}.feature-image-text-section .feature-image-text-wrapper{gap:var(--db-padding-xl)}.feature-image-text-section .feature-image-text-wrapper .feature-text .feature-title{font-size:24px}.feature-image-text-section .feature-image-text-wrapper .feature-text .feature-description{font-size:15px}}.pricing-periods-table-wrapper{margin:var(--db-margin-xl) 0;padding:var(--db-padding-xl);background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.pricing-periods-table-wrapper .pricing-table-title{color:var(--db-text-primary);font-size:24px;font-weight:700;margin-bottom:var(--db-margin-l);text-align:center}.pricing-periods-table-wrapper .pricing-table-title .highlight{color:var(--db-color-primary)}.pricing-periods-table-wrapper .pricing-periods-list{display:flex;flex-direction:column;gap:var(--db-padding-l)}.pricing-periods-table-wrapper .pricing-period-card{position:relative;padding:var(--db-padding-l);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);background:var(--db-bg-secondary);color:var(--db-text-primary);transition:all .3s ease;border:1px solid var(--db-border-base)}.pricing-periods-table-wrapper .pricing-period-card.active{background:var(--db-bg-primary);color:var(--db-text-primary);box-shadow:0 4px 12px rgba(var(--db-color-primary-rgb, 0, 79, 255), 0.3);border-color:var(--db-color-primary)}.pricing-periods-table-wrapper .pricing-period-card.ended{opacity:.5;filter:grayscale(0.8);pointer-events:none;cursor:not-allowed}.pricing-periods-table-wrapper .pricing-period-card.ended .period-name,.pricing-periods-table-wrapper .pricing-period-card.ended .current-price,.pricing-periods-table-wrapper .pricing-period-card.ended .original-price,.pricing-periods-table-wrapper .pricing-period-card.ended .period-dates{opacity:.6}.pricing-periods-table-wrapper .pricing-period-card.ended .discount-badge{opacity:.4}.pricing-periods-table-wrapper .pricing-period-card .period-status-badge{position:absolute;top:var(--db-padding-s);right:var(--db-padding-s);padding:var(--db-padding-xs) var(--db-padding-m);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);font-size:12px;font-weight:700;z-index:10}.pricing-periods-table-wrapper .pricing-period-card .period-status-badge.active{background:var(--db-color-primary);color:var(--db-text-inverse-primary);box-shadow:0 2px 8px rgba(var(--db-color-primary-rgb, 0, 79, 255), 0.4);animation:db-anim-pulse-badge 2s ease-in-out infinite}.pricing-periods-table-wrapper .pricing-period-card .period-status-badge.ended{background:var(--db-bg-tertiary);color:var(--db-text-tertiary);opacity:.8}.pricing-periods-table-wrapper .pricing-period-card .period-header-info{margin-bottom:var(--db-padding-s)}.pricing-periods-table-wrapper .pricing-period-card .period-name-wrapper{display:flex;align-items:center;gap:var(--db-padding-s);flex-wrap:wrap}.pricing-periods-table-wrapper .pricing-period-card .period-name{font-size:18px;font-weight:600;margin:0;flex:1;min-width:0;color:var(--db-text-primary)}.pricing-periods-table-wrapper .pricing-period-card .discount-badge{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:var(--db-radius-full);-webkit-border-radius:var(--db-radius-full);-moz-border-radius:var(--db-radius-full);-ms-border-radius:var(--db-radius-full);background:var(--db-color-primary);color:var(--db-text-inverse-primary);font-size:14px;font-weight:700;flex-shrink:0}.pricing-periods-table-wrapper .pricing-period-card.active .discount-badge{box-shadow:0 2px 8px rgba(var(--db-color-primary-rgb, 0, 79, 255), 0.3)}.pricing-periods-table-wrapper .pricing-period-card .period-dates{margin-bottom:var(--db-padding-l);font-size:14px;color:var(--db-text-secondary)}.pricing-periods-table-wrapper .pricing-period-card.active .period-dates{color:var(--db-text-secondary)}.pricing-periods-table-wrapper .pricing-period-card .period-pricing{display:flex;flex-direction:column;gap:var(--db-margin-xxs)}.pricing-periods-table-wrapper .pricing-period-card .current-price{font-size:24px;font-weight:700;color:var(--db-text-primary)}.pricing-periods-table-wrapper .pricing-period-card.active .current-price{color:var(--db-color-primary);font-size:26px}.pricing-periods-table-wrapper .pricing-period-card.ended .current-price{color:var(--db-text-tertiary)}.pricing-periods-table-wrapper .pricing-period-card .original-price{font-size:14px;color:var(--db-text-tertiary);text-decoration:line-through}.pricing-periods-table-wrapper .pricing-period-card.ended .original-price{opacity:.5}@media(max-width: 768px){.pricing-periods-table-wrapper{padding:var(--db-padding-l)}.pricing-periods-table-wrapper .pricing-table-title{font-size:20px}.pricing-periods-table-wrapper .pricing-period-card{padding:var(--db-padding-m)}.pricing-periods-table-wrapper .pricing-period-card .period-name{font-size:16px}.pricing-periods-table-wrapper .pricing-period-card .current-price{font-size:20px}}@property --rotate{syntax:"";initial-value:0deg;inherits:false}.section-page-card-list .page-card-list{display:flex;gap:var(--db-padding-xl);flex-wrap:nowrap;align-items:center;flex-direction:row}.section-page-card-list .page-card{flex:1;transition:.2s}.section-page-card-list .page-card:hover{box-shadow:0 4px 24px rgba(0,0,0,.08)}.section-page-card-list .page-card a{color:inherit;text-decoration:none;display:block;background-color:var(--db-bg-primary);flex-direction:column}.section-page-card-list .page-card .page-card-thumb img{width:100%;display:block}.section-page-card-list .page-card .page-card-body{padding:var(--db-padding-l)}.section-page-card-list .page-card .page-card-title{margin-bottom:0}.section-page-card-list .page-card .page-card-desc{color:var(--db-text-secondary)}.category-header{position:relative;margin-bottom:var(--db-margin-l)}.category-header .text-wrapper{position:relative;z-index:10;display:flex;gap:var(--db-padding-m);align-items:center;justify-content:flex-start}.category-header h2{color:var(--db-text-primary);font-size:32px;line-height:40px;flex:1;margin-bottom:0}.category-header p{color:var(--db-text-secondary);margin-bottom:0}.category-header .category-icon{border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);overflow:hidden;border:1px solid var(--db-border-base);z-index:1;width:40px}@media only screen and (max-width: 767px){.category-header h2{font-size:24px}.category-header .category-icon{margin-bottom:var(--db-margin-s)}.category-header .text-wrapper{gap:0;justify-content:center;flex-direction:column}}.tax-dictionary_categories .filter-contents,.post-type-archive-dictionary .filter-contents,.tax-dictionary_tag .filter-contents{max-width:760px;margin:auto}.search-result-wrap{margin:auto;max-width:760px}.search-result-wrap .search-count{padding-top:var(--db-padding-l)}.search-result-wrap .search-count p{font-size:16px}.search-result-wrap .search-count span{color:var(--db-color-primary);font-weight:bold}.search-result-wrap .no-results{color:var(--db-text-secondary)}.type-card-reference .title-wrap{margin-top:var(--db-margin-m);display:flex;gap:var(--db-padding-m);justify-content:space-between;align-items:center}.type-card-reference .title-wrap .thumb-title{font-size:24px;font-weight:bold}.type-card-reference .sub-info{border-top:1px solid var(--db-border-base);border-bottom:1px solid var(--db-border-base);padding:var(--db-padding-m) 0;margin:var(--db-padding-m) 0;gap:var(--db-padding-m);display:flex;flex-direction:column}.type-card-reference .sub-info>div{flex:1}.type-card-reference .sub-info>div span{color:var(--db-text-tertiary);margin-right:var(--db-margin-xxs)}@media only screen and (max-width: 767px){.type-card-reference .title-wrap{margin-top:var(--db-margin-m);gap:var(--db-padding-xs)}.type-card-reference .title-wrap .thumb-title{font-size:16px}}.post-type-archive-reference .grid{align-items:stretch}.font-controls{display:flex;flex:1;gap:var(--db-padding-xs)}@media only screen and (max-width: 767px){.freefonts-functions{flex-direction:column}.freefonts-functions .font-controls{width:100%;justify-content:space-between}.freefonts-functions #preview-text-input{width:100%}}.post-type-archive-digital_product .filter-contents{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--db-padding-l)}@media only screen and (max-width: 820px){.post-type-archive-digital_product .filter-contents{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 767px){.post-type-archive-digital_product .filter-contents{grid-template-columns:1fr}}.single .section-banner-membership{margin-bottom:0}.page-card,.post-card{margin:var(--db-margin-xl) 0}.page-card:hover,.post-card:hover{opacity:.6}.page-card a,.post-card a{border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);border:1px solid var(--db-border-base);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s;display:flex;align-items:stretch;flex-direction:row}.page-card-thumbnail,.post-card-thumbnail{width:200px;height:auto;overflow:hidden;flex-shrink:0;background-size:cover;background-position:center}.page-card-content,.post-card-content{padding:var(--db-padding-s)}.page-card-title,.post-card-title{margin:0 0 8px 0 !important;font-size:20px}.page-card-title a,.post-card-title a{text-decoration:none}.page-card-excerpt p,.post-card-excerpt p{font-size:15px;line-height:1.6;margin-bottom:0}.modified-date{font-size:14px;color:var(--db-text-tertiary)}.article-header{position:relative;padding:var(--db-padding-xl) 0;margin:auto;max-width:760px}.article-header .article-title{font-size:40px}.article-header::after{content:"";clear:both;display:block}.article-header .article-bgimg{width:100%;height:400px;background-position:center;background-size:cover}.article-thumbnail{position:relative;overflow:hidden;width:100%;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);border:1px solid var(--db-border-base);margin-bottom:var(--db-margin-l)}.article-image{position:relative;overflow:hidden;width:100%;max-width:960px;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);border:1px solid var(--db-border-base);margin:auto}.article-footer{max-width:760px;margin:auto;margin-bottom:var(--db-margin-l)}.dictionary .article-header .container,.magazine .article-header .container,.article-content .container,.article-footer .container{max-width:760px}.membership-only{position:relative;padding:0;width:100%;z-index:100;border-bottom:1px solid var(--db-border-base);margin-bottom:var(--db-margin-m);padding-bottom:12px;display:flex;align-items:center;justify-content:space-between}.membership-only .membership-text{width:auto;display:inline-flex;align-items:center;gap:var(--db-margin-xxs);font-size:16px;margin:0;font-weight:bold;color:var(--db-color-primary)}.article-category{margin:var(--db-margin-s) 0;display:flex;gap:var(--db-padding-xs)}.article-category .thumb-category{margin-bottom:0;font-size:16px !important}.tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--db-padding-s);margin:var(--db-margin-m) 0}.tags a{display:inline-block}.article-text-wrap{position:relative;text-align:left}.article-text-wrap .title-wrap{display:flex;gap:var(--db-padding-l);justify-content:space-between;align-items:center}.article-text-wrap .article-title{position:relative;font-size:32px}.designterview .article-content h2{color:var(--db-text-tertiary)}.component-container p{font-size:initial}.component-container p a{white-space:normal;overflow-wrap:break-word;text-overflow:ellipsis;word-break:break-all}.article-content{max-width:760px;margin:auto;padding-bottom:var(--db-padding-2xl)}.article-content h2{font-size:28px;font-weight:bold;margin-top:var(--db-margin-xxl);margin-bottom:var(--db-margin-m);letter-spacing:-0.5px}.article-content h2:first-child{margin-top:0}.article-content h3{font-size:24px;margin-top:var(--db-margin-l)}.article-content h4{font-size:20px;margin-top:var(--db-margin-m)}.article-content strong{font-weight:bold}.article-content p a{white-space:normal;overflow-wrap:break-word;text-overflow:ellipsis;word-break:break-all}.article-content a{color:var(--db-color-primary)}.article-content .tags span{color:var(--db-text-tertiary)}.article-content p img,.article-content figure,.article-content .wp-block-image{margin:var(--db-padding-s) 0}.article-content p img img,.article-content figure img,.article-content .wp-block-image img{border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);overflow:hidden}.article-content .wp-block-embed-youtube .wp-block-embed__wrapper{position:relative;width:100%;padding:55.6% 0 6px;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);overflow:hidden}.article-content .wp-block-embed-youtube iframe{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.article-content .wp-block-embed{margin:2rem 0;position:relative;width:100%}.article-content .wp-block-button{margin-bottom:var(--db-margin-m);width:auto}.article-content .wp-block-button__link{color:#fff !important}.license_wrap{position:relative;top:-30px;float:right}.license_wrap img{float:right}.page-back-btn{position:fixed;left:var(--db-padding-s);top:calc(env(safe-area-inset-top) + 68px);width:44px;height:44px;border-radius:var(--db-radius-s);border:1px solid var(--db-border-base);background-color:#fff;cursor:pointer;z-index:9999}.page-back-btn .back-icon{position:relative;width:24px;height:24px;margin:var(--db-padding-xs);background:url(../a874755a8acadc53f1ef.svg) no-repeat center;background-size:24px}.post-views{display:none !important}article ol{margin-bottom:var(--db-padding-m);padding-left:var(--db-padding-m);list-style:decimal}article ol li::marker{color:var(--db-text-tertiary)}article ul{margin-bottom:var(--db-padding-m);padding-left:var(--db-padding-m);list-style:disc}article ul li::marker{color:var(--db-text-tertiary)}.interview-intro{padding:var(--db-padding-l);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);background-color:var(--db-bg-primary);margin-bottom:var(--db-padding-2xl)}.interview-intro p{margin:0;color:var(--db-text-secondary);font-size:15px;line-height:1.6}.single-magazine .sub-info span{font-size:16px;color:var(--db-text-tertiary)}.single-magazine .sub-info .a-date{margin:0}.dictionary .article-header{text-align:left;border-bottom:1px solid var(--db-border-base);margin-bottom:var(--db-margin-m)}.dictionary .article-content{padding-top:0}.dictionary .dictionary-tags{margin-bottom:var(--db-margin-l)}.single-events .article-image{background-color:var(--db-bg-primary);padding:var(--db-padding-xl)}.single-events .article-image img{width:60%;margin:auto}.meetup-data{border-bottom:1px solid var(--db-bg-primary);padding-bottom:var(--db-padding-l);margin-bottom:var(--db-margin-l)}.meetup-data label{display:inline-block;width:100px;height:24px;line-height:24px;margin-right:var(--db-padding-xs)}.meetup-data>div{margin-bottom:var(--db-margin-s)}.meetup-data strong{line-height:1}.meetup-data .icon{display:block;width:20px;height:20px;background-size:20px;float:left;margin-right:var(--db-margin-xxs)}.section-label{font-size:1rem;margin-bottom:var(--db-margin-l);color:#333}.section-label span{display:inline-block;height:40px;line-height:40px}.prev-next-section{width:100%;display:flex;margin:var(--db-margin-l) 0;gap:var(--db-margin-m);text-align:center;font-size:0;position:relative}.prev-next-section a{display:flex;width:50%;flex:1;overflow:hidden;background:var(--db-bg-primary);padding:var(--db-padding-l);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);position:relative;padding:var(--db-padding-xs)}.prev-next-section a::before,.prev-next-section a::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.prev-next-section a::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.prev-next-section a:hover::before{opacity:1}.prev-next-section a img{display:none;width:120px}.prev-next-section a .thumbnail-img{width:120px;height:90px;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);flex-shrink:0;background-repeat:none;background-size:cover;background-position:center}.prev-next-section a i{position:absolute;font-size:20px;color:var(--db-text-secondary);z-index:10}.prev-next-section a.next-link .text-wrap{text-align:right}.prev-next-section a.next-link i{right:var(--db-padding-m);top:50%;transform:translateY(-50%)}.prev-next-section a.prev-link .text-wrap{text-align:left}.prev-next-section a.prev-link i{left:var(--db-padding-m);top:50%;transform:translateY(-50%)}.prev-next-section a .text-wrap{padding:var(--db-padding-s);width:100%}.prev-next-section a .text-wrap .text{font-size:12px;line-height:1;font-weight:bold;color:var(--db-text-tertiary);margin-bottom:var(--db-margin-xs)}.prev-next-section a .text-wrap .post-title{font-size:15px;line-height:1.4;height:42px;min-height:42px;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;display:block;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}.related-section .designbase-carousel-navigation{position:absolute;top:1rem;right:0}.related-section .related-post-title>a{display:inline-block;margin-top:var(--db-margin-s);font-size:1rem;line-height:1.5;font-weight:bold;color:#333}.related-section .related-post-title>a:active{color:#333;text-decoration:none;outline:none}.related-section .related-post-title>a:hover,.related-section .related-post-title>a:focus{text-decoration:none;outline:none;color:#005ce2}.related-section img{display:block;overflow:hidden}.related-posts-date{font-size:.875rem;color:#777}.feedback-wrap{margin-top:var(--db-margin-xl);padding:var(--db-padding-s);background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.feedback-wrap h2,.feedback-wrap h3{margin:0}.feedback-wrap ul{margin-top:var(--db-margin-m);margin-bottom:0;padding-top:var(--db-padding-m);border-top:1px solid var(--db-border-base)}.single-post .syntaxhighlighter a,.single-post .syntaxhighlighter div,.single-post .syntaxhighlighter code,.single-post .syntaxhighlighter table,.single-post .syntaxhighlighter table td,.single-post .syntaxhighlighter table tr,.single-post .syntaxhighlighter table tbody,.single-post .syntaxhighlighter table thead,.single-post .syntaxhighlighter table caption,.single-post .syntaxhighlighter textarea{line-height:1.5 !important}.single-post .syntaxhighlighter{padding:var(--db-padding-m) var(--db-padding-s)}.post-edit-button{position:fixed;bottom:var(--db-padding-m);left:var(--db-padding-m);margin:auto;text-align:center;z-index:20}.type-notice ul{padding-left:var(--db-padding-l);list-style:disc !important}@media only screen and (max-width: 1024px){.article-content{padding-top:0}}@media only screen and (max-width: 820px){.article-image{height:auto;border:none !important;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0}.article-image img{border:none !important}}@media only screen and (max-width: 767px){.single .content-area{padding-top:0}.page-card,.post-card{margin:var(--db-margin-l) 0}.page-card a,.post-card a{flex-direction:column}.page-card-thumbnail,.post-card-thumbnail{width:100%;height:200px}.page-card-title,.post-card-title{font-size:20px}.article-header{text-align:center}.type-notice .article-header{text-align:left}.article-content .article-text-wrap .article-title{font-size:24px}.article-content .article-text-wrap .article-category{font-size:14px}.article-content h2{font-size:24px;margin-bottom:var(--db-margin-s)}.article-content h3{font-size:20px}.article-content h4{font-size:18px}.article-content p{font-size:16px}.author-description{flex-direction:column}.author-description .avatar{flex-direction:column}.author-description .avatar .author-profile{margin:0;margin-bottom:var(--db-margin-m)}.author-description .description{text-align:center}.author-description .description p{font-size:14px;max-width:340px;margin:auto;margin-bottom:var(--db-margin-m)}.interview-intro{padding:var(--db-padding-m);margin-bottom:var(--db-padding-2xl)}.interview-intro p{font-size:14px !important}.designterview .article-content h2{font-size:20px}.comments-area .comment-list .comment-metadata{margin-left:0}.syntaxhighlighter{border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.membership-only .membership-text{font-size:14px}.membership-only .membership-text .ghost-button{margin-left:0}.a2a_svg span{width:32px !important;height:32px !important}.single-testimonials .article-content{padding-top:80px}.single-testimonials .author-description{margin:var(--db-margin-m) 0}.post .container-full{padding:0}.article-header .article-title{font-size:24px}article ol li{font-size:16px}article ul li{font-size:16px}article ul li:before{top:10px}.prev-next-section{margin:var(--db-margin-l) 0}.prev-next-section a{flex-direction:column}.prev-next-section a .thumbnail-img{width:100%;height:90px}.prev-next-section a.prev-link{flex-direction:column-reverse}.prev-next-section a .text-wrap{padding:0;margin-bottom:var(--db-margin-s)}.prev-next-section a .text-wrap .text{font-size:16px;margin-bottom:var(--db-margin-s)}}.single-reference .background-image{width:100%;height:400px;background-size:cover;background-repeat:no-repeat;background-position:center center}.single-reference .article-header{position:relative;padding:var(--db-padding-2xl) 0;margin:auto;text-align:left;max-width:960px}.single-reference .article-header .article-title{position:relative;font-size:48px;width:100%;margin:0}.single-reference .article-header::after{content:"";clear:both;display:block}.single-reference .article-content{max-width:960px}.single-reference .article-content .wp-block-group{margin-bottom:var(--db-padding-2xl)}.single-reference .article-content .wp-block-image{margin:auto;margin-top:var(--db-margin-l)}.single-reference .article-content .r-desktop .wp-block-image{max-width:1920px}.single-reference .article-content .r-tablet .wp-block-image{max-width:768px}.single-reference .article-content .r-mo .wp-block-image{max-width:360px}.single-reference .article-footer{margin-bottom:var(--db-margin-l)}.single-reference .article-text-wrap{position:relative}.single-reference .article-text-wrap .title-wrap{display:flex;gap:var(--db-padding-l);justify-content:space-between;align-items:center}.single-reference .article-text-wrap .sub-info{border-top:1px solid var(--db-border-base);border-bottom:1px solid var(--db-border-base);padding:var(--db-padding-l) 0;margin:var(--db-margin-m) 0;gap:var(--db-padding-l);display:flex}.single-reference .article-text-wrap .sub-info>div{flex:1}.single-reference .article-text-wrap .sub-info>div span{color:var(--db-text-tertiary);margin-right:4px}@media only screen and (max-width: 767px){.single-reference .background-image{height:280px}.single-reference .article-header{padding:var(--db-padding-l) 0}.single-reference .article-header .article-title{font-size:24px}.single-reference .article-text-wrap{position:relative}.single-reference .article-text-wrap .title-wrap{gap:var(--db-padding-s)}.single-reference .article-text-wrap .sub-info{padding:var(--db-padding-m) 0;margin:var(--db-padding-m) 0;gap:var(--db-padding-m);flex-direction:column}}.post-type-archive-freefonts .font-preview-text,.single-freefonts .font-preview-text{line-height:1.25;font-size:36px;word-break:break-all;overflow-wrap:break-word}.post-type-archive-freefonts .freefonts-functions,.single-freefonts .freefonts-functions{width:100%;padding:var(--db-padding-xs);margin-bottom:var(--db-margin-l);background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.post-type-archive-freefonts #font-size-value,.single-freefonts #font-size-value{font-size:12px;color:var(--db-text-primary)}.post-type-archive-freefonts #preview-text-input,.single-freefonts #preview-text-input{flex:1}.post-type-archive-freefonts .font-size-controller,.single-freefonts .font-size-controller{width:100%;max-width:384px;flex-shrink:0;height:36px;padding:var(--db-padding-xs);display:flex;align-items:center;gap:var(--db-margin-xxs)}.post-type-archive-freefonts .font-size-controller input,.single-freefonts .font-size-controller input{flex:1}.post-type-archive-freefonts .background-image,.single-freefonts .background-image{width:100%;height:240px;background-color:var(--db-bg-secondary);background-size:cover;background-repeat:no-repeat;background-position:center center}.post-type-archive-freefonts .article-header,.single-freefonts .article-header{position:relative;padding:var(--db-padding-2xl) 0;margin:auto;text-align:left}.post-type-archive-freefonts .article-header .article-title,.single-freefonts .article-header .article-title{position:relative;font-size:48px;width:100%;margin:0}.post-type-archive-freefonts .article-header::after,.single-freefonts .article-header::after{content:"";clear:both;display:block}.post-type-archive-freefonts .section-head-wrap,.single-freefonts .section-head-wrap{display:flex;gap:var(--db-padding-l);margin-bottom:var(--db-margin-m);justify-content:space-between;align-items:center}.post-type-archive-freefonts .section-head-wrap h2,.single-freefonts .section-head-wrap h2{margin:0}.post-type-archive-freefonts .warning-text,.single-freefonts .warning-text{font-weight:bold;line-height:1.25;margin:var(--db-margin-s) 0;color:var(--db-text-secondary)}.post-type-archive-freefonts .license-info-wrapper,.single-freefonts .license-info-wrapper{padding:var(--db-padding-m);background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.post-type-archive-freefonts .license-info-wrapper .license-text p,.single-freefonts .license-info-wrapper .license-text p{font-size:15px;margin-bottom:var(--db-margin-m)}.post-type-archive-freefonts .license-info-wrapper .license-feature,.single-freefonts .license-info-wrapper .license-feature{display:flex;align-items:center;gap:var(--db-margin-xxs)}.post-type-archive-freefonts .license-info-wrapper .license-feature>span,.single-freefonts .license-info-wrapper .license-feature>span{color:var(--db-text-secondary);font-weight:bold;white-space:nowrap}.post-type-archive-freefonts .license-info-wrapper .license-feature i[class^=icon-],.single-freefonts .license-info-wrapper .license-feature i[class^=icon-]{font-size:16px}.post-type-archive-freefonts .license-info-wrapper .license-feature .icon-circle-check-filled,.single-freefonts .license-info-wrapper .license-feature .icon-circle-check-filled{color:var(--db-color-primary)}.post-type-archive-freefonts .license-info-wrapper .license-feature .icon-close,.single-freefonts .license-info-wrapper .license-feature .icon-close{color:var(--db-text-error)}.post-type-archive-freefonts .license-info-wrapper .disclaimer,.single-freefonts .license-info-wrapper .disclaimer{text-align:left}.post-type-archive-freefonts .license-info,.single-freefonts .license-info{background-color:var(--db-bg-secondary);padding:var(--db-padding-xs) var(--db-padding-s);margin-bottom:var(--db-margin-m);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);gap:var(--db-padding-s);display:flex;flex-wrap:wrap}.post-type-archive-freefonts #font-preview-container,.single-freefonts #font-preview-container{margin-bottom:var(--db-margin-l);background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);padding:var(--db-padding-s);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.post-type-archive-freefonts .font-preview-container,.single-freefonts .font-preview-container{margin-top:var(--db-margin-l)}.post-type-archive-freefonts #font-preview,.single-freefonts #font-preview{margin-top:var(--db-margin-s)}.post-type-archive-freefonts .font-weight,.single-freefonts .font-weight{color:var(--db-text-tertiary)}.post-type-archive-freefonts .article-content,.single-freefonts .article-content{font-size:14px;color:var(--db-text-secondary)}.post-type-archive-freefonts .article-content .wp-block-group,.single-freefonts .article-content .wp-block-group{margin-bottom:var(--db-padding-2xl)}.post-type-archive-freefonts .article-content .wp-block-image,.single-freefonts .article-content .wp-block-image{margin:auto;margin-top:var(--db-margin-l)}.post-type-archive-freefonts .article-footer,.single-freefonts .article-footer{margin-bottom:var(--db-margin-l)}.post-type-archive-freefonts .ofl-license,.single-freefonts .ofl-license{border-top:1px solid var(--db-border-base)}.post-type-archive-freefonts .article-text-wrap,.single-freefonts .article-text-wrap{position:relative}.post-type-archive-freefonts .article-text-wrap .title-wrap,.single-freefonts .article-text-wrap .title-wrap{display:flex;gap:var(--db-padding-s);justify-content:space-between;align-items:center}.post-type-archive-freefonts .article-text-wrap .button,.single-freefonts .article-text-wrap .button{flex-shrink:0}.post-type-archive-freefonts .article-text-wrap .sub-info,.single-freefonts .article-text-wrap .sub-info{margin-bottom:var(--db-margin-m);gap:var(--db-margin-m);display:flex}.post-type-archive-freefonts .article-text-wrap .sub-info>div span,.single-freefonts .article-text-wrap .sub-info>div span{font-size:14px;line-height:1.25;color:var(--db-text-tertiary);margin-right:4px}.post-type-archive-freefonts .article-text-wrap .sub-info>div span.value,.single-freefonts .article-text-wrap .sub-info>div span.value{color:var(--db-text-primary)}@media only screen and (max-width: 767px){.post-type-archive-freefonts .font-preview-text,.single-freefonts .font-preview-text{font-size:20px}.post-type-archive-freefonts select,.single-freefonts select{width:100px}.post-type-archive-freefonts .article-header,.single-freefonts .article-header{padding:var(--db-padding-l) 0}.post-type-archive-freefonts .article-header .article-title,.single-freefonts .article-header .article-title{font-size:24px}.post-type-archive-freefonts .freefonts-functions.flex,.single-freefonts .freefonts-functions.flex{flex-direction:column}.post-type-archive-freefonts #font-preview-container,.single-freefonts #font-preview-container{margin-bottom:var(--db-margin-l)}.post-type-archive-freefonts #font-preview-container .flex,.single-freefonts #font-preview-container .flex{flex-direction:column}.post-type-archive-freefonts #font-preview-container .flex>div,.single-freefonts #font-preview-container .flex>div{width:100%}.post-type-archive-freefonts .article-text-wrap,.single-freefonts .article-text-wrap{position:relative}.post-type-archive-freefonts .article-text-wrap .title-wrap,.single-freefonts .article-text-wrap .title-wrap{gap:var(--db-padding-s)}}.single-freebies .article-text-wrap{padding:var(--db-padding-l) 0;width:100%;margin:auto}.single-freebies .article-title{font-size:24px;margin-bottom:var(--db-margin-m)}.single-freebies .article-body{margin-bottom:var(--db-margin-xl)}.single-freebies .article-body .wp-block-buttons{margin-top:var(--db-margin-xs);border-top:1px solid var(--db-border-base);padding-top:var(--db-padding-l)}.single-freebies .article-body .wp-block-buttons .wp-block-button{margin-bottom:0 !important}@media only screen and (max-width: 820px){.single-freebies .type-freebies{padding-top:56px}}@media only screen and (max-width: 767px){.single-freebies .type-freebies{padding-top:48px}}.single-testimonials .article-content{padding-bottom:var(--db-padding-l)}.single-testimonials .testimonial-content{margin:auto;max-width:100%}.single-testimonials .testimonial-content:hover{opacity:1}.single-testimonials .testimonial-content p{min-height:180px;height:180px;font-size:18px}.single-testimonials .testimonial-content .user-profile-wrap{margin-top:0;height:60px;margin-bottom:var(--db-margin-l);gap:var(--db-padding-s)}.single-testimonials .testimonial-content .user-profile-wrap .user-profile{width:60px;height:60px}.single-testimonials .testimonial-content .user-profile-wrap .user-info{font-size:14px;min-height:auto;height:auto}@media only screen and (max-width: 767px){.single-testimonials .article-content{padding-top:80px}.single-testimonials .author-description{margin:var(--db-margin-m) 0}}.post-filter-wrap{position:relative;z-index:100}.search-area{position:relative;z-index:101}.search-suggestions{position:absolute;left:0;top:48px;background-color:var(--db-bg-primary);border-radius:var(--db-radius-l);padding:var(--db-padding-m);width:100%;z-index:999;box-shadow:0 16px 12px -8px rgba(0,0,0,.1)}.search-suggestions .category-title-wrap{margin-bottom:var(--db-margin-s)}.search-suggestions .category-title-wrap a{font-size:14px;color:var(--db-text-tertiary);cursor:pointer}.search-suggestions .category-title-wrap a:hover{opacity:.7}.search-suggestions .category-title{font-weight:bold;font-size:16px}.recent-searches{margin-bottom:var(--db-margin-m)}.recent-searches .chips,.search-rank .chips{display:flex;justify-content:left;gap:var(--db-padding-s);overflow-x:scroll;white-space:nowrap;margin:0;margin-left:calc(-1*var(--db-padding-m));margin-right:calc(-1*var(--db-padding-m));padding:0 var(--db-padding-m);-ms-overflow-style:none;scrollbar-width:none}.recent-searches .remove-search,.search-rank .remove-search{width:16px;height:16px}.recent-searches .remove-search i,.search-rank .remove-search i{font-size:16px}.search-rank ul{list-style-type:none;padding:0}.search-rank ul .search-rank-text{width:16px;text-align:center;opacity:.6;margin-right:var(--db-margin-xxs)}.search-wrap{margin-bottom:var(--db-margin-m)}.search-wrap .search-title{color:var(--db-text-tertiary)}@media only screen and (max-width: 820px){.search-suggestions{padding:var(--db-padding-s)}}.search-results .page-title-wrap{display:flex;flex-direction:column;align-items:center;gap:0}@media only screen and (max-width: 767px){.search-results .page-title-wrap{gap:0}}.search-form-large{max-width:480px;width:100%;margin:0 auto;margin-top:var(--db-margin-m)}.search-form-large .search-form{width:100%;position:relative;background:var(--db-bg-primary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);overflow:hidden;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.search-form-large .search-form:focus-within{border-color:var(--db-color-primary);box-shadow:0 0 0 3px rgba(var(--db-color-primary), 0.1)}.search-form-large .search-form label{display:flex;align-items:center;padding:var(--db-padding-xs);gap:var(--db-margin-s)}.search-form-large .search-form label i{font-size:20px;color:var(--db-text-secondary);flex-shrink:0;left:8px}.search-form-large .search-form label .search-field{flex:1;border:none;background:rgba(0,0,0,0);padding-left:var(--db-padding-xl) !important;font-size:16px;color:var(--db-text-primary);outline:none}.search-form-large .search-form label .search-field::placeholder{color:var(--db-text-secondary);opacity:.6}.search-form-large .search-form .search-submit{position:absolute;right:var(--db-padding-s);top:50%;transform:translateY(-50%);background:var(--db-color-primary);color:#fff;border:none;padding:var(--db-padding-s) var(--db-padding-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);cursor:pointer;-webkit-transition:all .2s;-o-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}.search-form-large .search-form .search-submit:hover{background:var(--db-btn-primary-bg-hover)}.popular-searches{max-width:600px;display:flex;align-items:center;gap:var(--db-margin-s);justify-content:center;margin:0 auto;margin-top:var(--db-margin-m)}@media only screen and (max-width: 767px){.popular-searches{display:none}}.popular-searches h3{font-size:14px;color:var(--db-text-primary);margin:0;flex-shrink:0}.popular-searches .popular-tags{display:flex;flex-wrap:wrap;gap:var(--db-margin-s);justify-content:flex-start;flex-direction:row}.unified-search-page{padding:var(--db-padding-l) 0}.unified-search-page .search-results-tabs .filter-container{margin-bottom:var(--db-margin-l)}.unified-search-page .search-results-tabs .tab-content-wrap .tab-content{display:none}.unified-search-page .search-results-tabs .tab-content-wrap .tab-content.active{display:block}.unified-search-page .search-results-tabs .tab-content-wrap .tab-content .search-loading{text-align:center;padding:var(--db-padding-xl) 0}.unified-search-page .search-results-tabs .tab-content-wrap .tab-content .search-loading .loading-spinner{display:inline-flex;align-items:center;gap:var(--db-margin-s);color:var(--db-text-secondary)}.unified-search-page .search-results-tabs .tab-content-wrap .tab-content .search-loading .loading-spinner i{font-size:20px;animation:db-anim-rotation 1s linear infinite}.unified-search-page .search-results-tabs .tab-content-wrap .tab-content .search-results-grid .no-results,.unified-search-page .search-results-tabs .tab-content-wrap .tab-content .search-results-grid .search-error{text-align:center;padding:var(--db-padding-xl) 0;color:var(--db-text-secondary)}.unified-search-page .search-results-tabs .tab-content-wrap .tab-content .search-results-grid .no-results i,.unified-search-page .search-results-tabs .tab-content-wrap .tab-content .search-results-grid .search-error i{font-size:48px;margin-bottom:var(--db-margin-m);display:block;opacity:.5}.unified-search-page .search-results-tabs .tab-content-wrap .tab-content .search-results-grid .search-error{color:var(--db-text-error)}.unified-search-page .all-results-summary{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:var(--db-margin-m);margin-bottom:var(--db-margin-xl);padding:var(--db-padding-l);background:var(--db-bg-secondary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.unified-search-page .all-results-summary .result-summary-item{display:flex;align-items:center;gap:var(--db-margin-s);padding:var(--db-padding-s);background:var(--db-bg-primary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);-webkit-transition:all .2s;-o-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}.unified-search-page .all-results-summary .result-summary-item:hover{background:var(--db-bg-tertiary);transform:translateY(-2px)}.unified-search-page .all-results-summary .result-summary-item i{font-size:20px;color:var(--db-color-primary);flex-shrink:0}.unified-search-page .all-results-summary .result-summary-item .summary-label{flex:1;font-weight:500;color:var(--db-text-primary)}.unified-search-page .all-results-summary .result-summary-item .summary-count{font-weight:600;color:var(--db-color-primary);background:rgba(var(--db-color-primary), 0.1);padding:var(--db-margin-xxs) var(--db-padding-xs);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);font-size:12px}.unified-search-page .recent-results-grid .result-section{padding:var(--db-padding-l) 0;margin-bottom:var(--db-margin-xl)}.unified-search-page .recent-results-grid .result-section .category-title-wrap{display:flex;justify-content:space-between;align-items:center}.unified-search-page .recent-results-grid .result-section .category-title-wrap .category-title{font-size:24px;display:flex;align-items:center;gap:var(--db-margin-s)}.unified-search-page .recent-results-grid .result-section .category-title-wrap .category-title .result-count-badge{background:var(--db-color-primary);color:#fff;font-size:12px;font-weight:600;padding:var(--db-margin-xxs) var(--db-padding-xs);border-radius:var(--db-radius-full);-webkit-border-radius:var(--db-radius-full);-moz-border-radius:var(--db-radius-full);-ms-border-radius:var(--db-radius-full);min-width:20px;text-align:center;line-height:1}.unified-search-page .recent-results-grid .result-section .category-title-wrap .ghost-button{font-size:14px;padding:var(--db-padding-xxs) var(--db-padding-m)}.unified-search-page .recent-results-grid .result-section .section-posts{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:var(--db-margin-m);padding:0}@media only screen and (max-width: 767px){.unified-search-page .recent-results-grid .result-section .section-posts{grid-template-columns:1fr}}.unified-search-page .post-type-results{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:var(--db-margin-m)}@media only screen and (max-width: 767px){.unified-search-page .post-type-results{grid-template-columns:1fr}}.unified-search-page .search-result-item{background:var(--db-bg-primary);padding:var(--db-padding-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);position:relative;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);display:flex;gap:var(--db-margin-m);flex-direction:column;-webkit-transition:all .2s;-o-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s;text-decoration:none;color:inherit}.unified-search-page .search-result-item::before,.unified-search-page .search-result-item::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;transition:opacity .3s ease;pointer-events:none}.unified-search-page .search-result-item::before{z-index:0;padding:var(--db-margin-xxs);background:linear-gradient(var(--rotate), var(--db-color-primary), var(--db-color-secondary) 40%, var(--db-color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:db-anim-spin 3s linear infinite}.unified-search-page .search-result-item:hover::before{opacity:1}.unified-search-page .search-result-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.unified-search-page .search-result-item article{display:block}.unified-search-page .search-result-item .result-thumbnail{flex-shrink:0;width:100%;aspect-ratio:16/9;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);overflow:hidden}.unified-search-page .search-result-item .result-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center}.unified-search-page .search-result-item .result-thumbnail .no-thumbnail{width:100%;height:100%;background:var(--db-bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--db-text-secondary)}.unified-search-page .search-result-item .result-thumbnail .no-thumbnail i{font-size:24px}.unified-search-page .search-result-item .result-content{flex:1;min-width:0}.unified-search-page .search-result-item .result-content .result-meta{display:flex;align-items:center;gap:var(--db-margin-s);margin-bottom:var(--db-margin-xs)}.unified-search-page .search-result-item .result-content .result-meta .post-type-badge{display:inline-flex;align-items:center;gap:4px;padding:var(--db-margin-xxs) var(--db-padding-xxs);background:rgba(var(--db-color-primary), 0.1);color:var(--db-color-primary);font-size:11px;font-weight:500;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s)}.unified-search-page .search-result-item .result-content .result-meta .post-type-badge i{font-size:10px}.unified-search-page .search-result-item .result-content .result-meta .post-date{font-size:12px;color:var(--db-text-secondary)}.unified-search-page .search-result-item .result-content .result-title{margin:0 0 var(--db-margin-xs) 0;font-size:16px;font-weight:600;line-height:1.3;color:var(--db-text-primary)}.unified-search-page .search-result-item .result-content .result-excerpt{font-size:14px;color:var(--db-text-secondary);line-height:1.4;margin:0}.unified-search-page .search-result-item .result-content .result-excerpt .search-highlight{background:rgba(var(--db-color-primary), 0.2);color:var(--db-color-primary);font-weight:500;padding:var(--db-margin-xxs);border-radius:var(--db-margin-xxs);-webkit-border-radius:var(--db-margin-xxs);-moz-border-radius:var(--db-margin-xxs);-ms-border-radius:var(--db-margin-xxs)}.unified-search-page .search-result-item .result-content .result-actions{display:flex;gap:var(--db-margin-xs);margin-top:var(--db-margin-s)}.unified-search-page .search-result-item .result-content .result-actions .btn-view-original{display:inline-flex;align-items:center;gap:4px;padding:var(--db-margin-xxs) var(--db-padding-xs);font-size:12px;color:var(--db-text-secondary);text-decoration:none;border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);-webkit-transition:all .2s;-o-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}.unified-search-page .search-result-item .result-content .result-actions .btn-view-original i{font-size:12px}.unified-search-page .search-result-item .result-content .result-actions .btn-view-original:hover{background:var(--db-bg-secondary);border-color:var(--db-color-primary);color:var(--db-color-primary)}.unified-search-page .search-pagination{margin-top:var(--db-margin-xl);text-align:center}.unified-search-page .search-pagination .pagination{display:inline-flex;align-items:center;gap:var(--db-margin-xs);background:var(--db-bg-secondary);padding:var(--db-padding-xs);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.unified-search-page .search-pagination .pagination .page-link{display:inline-flex;align-items:center;gap:var(--db-margin-xs);padding:var(--db-padding-s) var(--db-padding-m);color:var(--db-text-secondary);text-decoration:none;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);-webkit-transition:all .2s;-o-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}.unified-search-page .search-pagination .pagination .page-link:hover{background:var(--db-bg-tertiary);color:var(--db-text-primary)}.unified-search-page .search-pagination .pagination .page-link.active{background:var(--db-color-primary);color:#fff}.unified-search-page .search-pagination .pagination .page-link i{font-size:14px}.unified-search-page .no-search-query{text-align:center;padding:var(--db-padding-xl) 0}.unified-search-page .no-search-query .empty-state{margin-bottom:var(--db-margin-xl)}.unified-search-page .no-search-query .empty-state i{font-size:64px;color:var(--db-text-secondary);margin-bottom:var(--db-margin-m);opacity:.5}.unified-search-page .no-search-query .empty-state h2{font-size:24px;color:var(--db-text-primary);margin-bottom:var(--db-margin-s)}.unified-search-page .no-search-query .empty-state p{font-size:16px;color:var(--db-text-secondary);max-width:600px;margin:0 auto;line-height:1.5}.comments-area{padding:var(--db-padding-xl);margin:var(--db-padding-xl) 0;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);overflow:hidden;border:1px solid var(--db-border-base)}.comments-area a{word-wrap:break-word}.comments-area .comment-author-name{margin-bottom:var(--db-padding-m)}.comments-area .comments-head .comments-title{display:flex;align-items:center}.comments-area .comments-head .comments-numb{margin-left:8px;color:var(--db-text-tertiary);font-size:14px}.comments-area .comments-head p{font-size:14px;color:var(--db-text-secondary);margin-bottom:var(--db-margin-l)}.comments-area ol{margin:0;padding:0}.comments-area ol ol{margin-left:var(--db-padding-xl)}.comments-area ol ol .comment-text{border-left:0}.comments-area ol ol ol{padding-left:0;margin-left:0;border-left:0}.comments-area .admin-badge{width:20px;height:20px;border-radius:50%;background:var(--db-color-primary) url(../ad1d9805b21818666e74.svg) no-repeat center;background-size:contain}.comments-area .comment-list{margin:0;margin-bottom:var(--db-margin-l);padding:0;list-style-type:none}.comments-area .comment-list .comment-body{position:relative;padding:var(--db-padding-m) var(--db-padding-2xl) var(--db-padding-m) var(--db-padding-l);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);overflow:hidden;background-color:#fff;margin-bottom:var(--db-margin-m)}.comments-area .comment-list .comment{margin-bottom:var(--db-margin-s)}.comments-area .comment-list .comment:before{display:none}.comments-area .comment-list .comment p{font-size:15px;line-height:1.5}.comments-area .comment-list .comment-top{display:inline-flex;align-items:center;gap:var(--db-padding-xs)}.comments-area .comment-list .comment-top .comment-author{display:flex;font-size:14px;gap:var(--db-gap-xs);align-items:center;color:var(--db-text-secondary)}.comments-area .comment-list .comment-top .comment-author>img{margin-right:var(--db-padding-m)}.comments-area .comment-list .comment-top .comment-meta{position:relative;display:inline-block;font-size:12px}.comments-area .comment-list .comment-top .comment-meta>a{color:var(--db-text-tertiary);font-size:12px;font-weight:normal}.comments-area .comment-list .reply{position:absolute;bottom:var(--db-padding-l);right:var(--db-padding-l)}.comments-area .comment-list .reply .comment-reply-link{-webkit-appearance:none;display:inline-block;color:#fff;font-size:14px;font-weight:700;font-weight:bold;padding:var(--db-padding-xs) var(--db-padding-m);transition:all .3s;cursor:pointer;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);color:var(--db-text-secondary);border:1px solid var(--db-border-base);background-color:#fff;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.03);box-shadow:0 4px 8px rgba(0,0,0,.03)}.comments-area .comment-list .reply .comment-reply-link:hover{background-color:#eef0f4;border-color:var(--db-border-layer-1)}.comments-area .login-user-info{font-size:12px;margin-bottom:var(--db-margin-m)}.comments-area .login-user-info a{margin-left:var(--db-padding-m)}.comments-area .login-user-info a:hover{color:var(--db-color-primary)}.comments-area .comment-reply-link,.comments-area .comment-edit-link{color:var(--db-text-secondary);font-size:12px}.comment-respond .logged-in-as{font-size:12px;color:var(--db-text-secondary);font-weight:normal;position:absolute;right:0;top:-30px}.comment-form{position:relative;width:100%}.comment-form .comment-form-comment label{display:none !important}.comment-form input:not(.submit):not([type=checkbox]){width:100%}.comment-form [class^=comment-form-]>label{display:block}.comment-form .comment-reply-title{font-size:24px}.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form input[type=password],.comment-form input[type=search],.comment-form input[type=number],.comment-form input[type=tel],.comment-form input[type=range],.comment-form input[type=date],.comment-form input[type=month],.comment-form input[type=week],.comment-form input[type=time],.comment-form input[type=datetime],.comment-form input[type=datetime-local],.comment-form input[type=color]{margin-bottom:var(--db-margin-s)}.comment-form .form-submit{position:absolute;right:0;bottom:0;margin-bottom:0}.comment-form textarea{width:calc(100% - 90px);line-height:1.8;height:34px;font-size:14px;resize:vertical;margin-bottom:0 !important}.bypostauthor{display:block}.comment-author img{border-radius:50%}.comment-notes{display:none}.comment-form [class^=comment-form-]>input{width:100%}@media only screen and (max-width: 767px){.comments-area{padding:var(--db-padding-l)}}.widget_pages ul,.widget_nav_menu ul,.widget_meta ul,.widget_archive ul,.widget_recent_entries ul,.widget_categories ul{padding:0;margin:0;list-style:none}.widget_pages ul ul,.widget_nav_menu ul ul,.widget_meta ul ul,.widget_archive ul ul,.widget_recent_entries ul ul,.widget_categories ul ul{padding-left:var(--db-padding-l);margin-top:var(--db-margin-m)}.widget_pages ul li,.widget_nav_menu ul li,.widget_meta ul li,.widget_archive ul li,.widget_recent_entries ul li,.widget_categories ul li{list-style:none;margin-bottom:var(--db-padding-s)}.widget_pages ul li:last-child,.widget_nav_menu ul li:last-child,.widget_meta ul li:last-child,.widget_archive ul li:last-child,.widget_recent_entries ul li:last-child,.widget_categories ul li:last-child{margin-bottom:0}.widget_pages ul li a,.widget_nav_menu ul li a,.widget_meta ul li a,.widget_archive ul li a,.widget_recent_entries ul li a,.widget_categories ul li a{color:var(--db-text-primary)}.widget_pages ul li a:before,.widget_nav_menu ul li a:before,.widget_meta ul li a:before,.widget_archive ul li a:before,.widget_recent_entries ul li a:before,.widget_categories ul li a:before{content:"";width:6px;height:6px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;background-color:var(--db-bg-secondary);-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;display:inline-block;vertical-align:middle;margin-right:.4rem}.widget_pages ul li:hover>a,.widget_pages ul li.current-cat-parent>a,.widget_pages ul li.current-cat>a,.widget_nav_menu ul li:hover>a,.widget_nav_menu ul li.current-cat-parent>a,.widget_nav_menu ul li.current-cat>a,.widget_meta ul li:hover>a,.widget_meta ul li.current-cat-parent>a,.widget_meta ul li.current-cat>a,.widget_archive ul li:hover>a,.widget_archive ul li.current-cat-parent>a,.widget_archive ul li.current-cat>a,.widget_recent_entries ul li:hover>a,.widget_recent_entries ul li.current-cat-parent>a,.widget_recent_entries ul li.current-cat>a,.widget_categories ul li:hover>a,.widget_categories ul li.current-cat-parent>a,.widget_categories ul li.current-cat>a{color:var(--db-text-primary)}.widget_pages ul li:hover>a:before,.widget_pages ul li.current-cat-parent>a:before,.widget_pages ul li.current-cat>a:before,.widget_nav_menu ul li:hover>a:before,.widget_nav_menu ul li.current-cat-parent>a:before,.widget_nav_menu ul li.current-cat>a:before,.widget_meta ul li:hover>a:before,.widget_meta ul li.current-cat-parent>a:before,.widget_meta ul li.current-cat>a:before,.widget_archive ul li:hover>a:before,.widget_archive ul li.current-cat-parent>a:before,.widget_archive ul li.current-cat>a:before,.widget_recent_entries ul li:hover>a:before,.widget_recent_entries ul li.current-cat-parent>a:before,.widget_recent_entries ul li.current-cat>a:before,.widget_categories ul li:hover>a:before,.widget_categories ul li.current-cat-parent>a:before,.widget_categories ul li.current-cat>a:before{background-color:var(--db-bg-primary)}.mail-form .input-group{width:100%;margin:0 0 10px}.widget_search .form-control{border:0;background:rgba(0,0,0,0)}.widget_search .btn{padding-right:18px;padding-left:18px;border-radius:var(--db-radius-m) !important;-webkit-border-radius:var(--db-radius-m) !important;-moz-border-radius:var(--db-radius-m) !important;-ms-border-radius:var(--db-radius-m) !important}.widget_search form{border:1px solid var(--db-border-base);background:#f9fafc;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}@media(min-width: 1200px){.widget_search form{padding:4px}}.wp-block-tag-cloud,.entry-tags-list,.tagcloud{margin:0;overflow:hidden}.wp-block-tag-cloud a,.entry-tags-list a,.tagcloud a{text-transform:capitalize;margin-bottom:var(--db-margin-xs);margin-right:5px;font-size:.8125rem !important;font-weight:600;display:inline-flex;padding:7px 22px;-webkit-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;transition:all .2s ease 0s;color:#144273;background:#f3f5f8;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.wp-block-tag-cloud a:hover,.wp-block-tag-cloud a:focus,.wp-block-tag-cloud a.active,.entry-tags-list a:hover,.entry-tags-list a:focus,.entry-tags-list a.active,.tagcloud a:hover,.tagcloud a:focus,.tagcloud a.active{background-color:var(--db-color-primary);color:#fff}.wp-block-tag-cloud a:last-child,.entry-tags-list a:last-child,.tagcloud a:last-child{margin-right:0}.widget_rss ul{list-style:none;padding:0}.widget_rss ul li{list-style:none;padding:var(--db-padding-xs) 0;margin:0;border-bottom:1px dashed var(--db-border-layer-2)}.widget_rss ul li:first-child{padding-top:0}.widget_rss ul li:last-child{padding-bottom:0;border-bottom:0}.widget-quicklink-menu{background-color:#f6f6f6;line-height:35px}.widget-quicklink-menu .quicklink-heading{background-color:#333;color:#fff;display:inline-block;font-size:10px;margin:0 var(--db-padding-l) 0 0;padding:var(--db-padding-s) var(--db-padding-s) var(--db-padding-s) var(--db-padding-xl);position:relative;text-transform:uppercase}.widget-tabs .widget-title{display:inline-block}.widget-tabs .nav-tabs{border:none;display:inline-block;vertical-align:middle;margin:0 0 7px}.widget-tabs .nav-tabs.tabs-list-v2{margin:0 0 var(--db-padding-s)}.widget-tabs .carousel-controls{top:-42px}.widget-infor .media .fa,.widget-infor .media .icon{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;color:var(--db-color-primary);background:#252525}.contant-info .title{margin:0 0 var(--db-padding-l);font-size:30px}.contant-info .info-description{margin:0 0 var(--db-padding-xl)}.contant-info .media-heading{font-size:20px;font-weight:600;margin:0 0 5px}.contant-info .media-left{padding-right:var(--db-padding-l)}.contant-info .media-left .fa{border-radius:50%;font-size:25px;height:58px;line-height:52px;text-align:center;width:58px}.widget-twitter .twitter-timeline{display:block !important}.widget-twitter .timeline-Tweet-media{display:none}.wp-block-search .wp-block-search__label{margin:0 0 var(--db-padding-s);text-transform:capitalize;font-weight:500;line-height:1.2}.wp-block-search .wp-block-search__input{height:50px;outline:none !important;padding:5px var(--db-padding-l);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}.wp-block-search .wp-block-search__button{-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;height:50px;padding:0 var(--db-padding-l);border:0;background:var(--db-color-primary);color:#fff;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.widget .widget-title{font-size:24px;margin:0 0 var(--db-padding-xl)}.widget a{color:var(--db-text-secondary)}.widget ul{padding-left:0;list-style:none;margin:0}.widget ul li{padding-bottom:var(--db-padding-l)}.widget ul li:last-of-type{padding-bottom:0}.widget ul li>ul,.widget ul .children{padding-left:var(--db-padding-l)}.widget select{max-width:100%}.widget_categories li{padding-bottom:var(--db-padding-xl);text-align:right;overflow:hidden}.widget_categories li a{float:left}.widget_categories li::before{margin-right:var(--db-padding-s);content:">>";transition:all .3s;float:left}.widget_categories li:hover::before,.widget_categories li:hover a{color:var(--db-text-link)}.tagcloud a{line-height:1;padding:var(--db-padding-xs) var(--db-padding-l);text-transform:uppercase;color:var(--db-text-tertiary);border:1px solid rgba(0,0,0,.1);display:inline-block;margin:5px}.widget_search .search-field{background-color:var(--db-bg-primary);vertical-align:top;padding-top:var(--db-padding-s);padding-bottom:var(--db-padding-s);margin-right:-5px;width:100%}.widget_search .search-submit{display:none}.widget_search .search-form label{width:100%}.wp-block-group__inner-container>h1,.wp-block-group__inner-container>h2,.wp-block-group__inner-container>h3,.wp-block-group__inner-container>h4,.wp-block-group__inner-container>h5,.wp-block-group__inner-container>h6{margin:0 0 15px;text-transform:capitalize}.wp-block-group__inner-container>h1+ul,.wp-block-group__inner-container>h2+ul,.wp-block-group__inner-container>h3+ul,.wp-block-group__inner-container>h4+ul,.wp-block-group__inner-container>h5+ul,.wp-block-group__inner-container>h6+ul{margin:0;padding-left:0}.wp-block-group__inner-container>h1+ul li,.wp-block-group__inner-container>h2+ul li,.wp-block-group__inner-container>h3+ul li,.wp-block-group__inner-container>h4+ul li,.wp-block-group__inner-container>h5+ul li,.wp-block-group__inner-container>h6+ul li{list-style:none;padding:10px 0}.wp-block-group__inner-container>h1+ul li:first-child,.wp-block-group__inner-container>h2+ul li:first-child,.wp-block-group__inner-container>h3+ul li:first-child,.wp-block-group__inner-container>h4+ul li:first-child,.wp-block-group__inner-container>h5+ul li:first-child,.wp-block-group__inner-container>h6+ul li:first-child{padding-top:0}.wp-block-group__inner-container>h1+ul li:last-child,.wp-block-group__inner-container>h2+ul li:last-child,.wp-block-group__inner-container>h3+ul li:last-child,.wp-block-group__inner-container>h4+ul li:last-child,.wp-block-group__inner-container>h5+ul li:last-child,.wp-block-group__inner-container>h6+ul li:last-child{padding-bottom:0;border-bottom:0}.wp-block-group__inner-container>h1+ul li:hover>a,.wp-block-group__inner-container>h1+ul li.current-cat-parent>a,.wp-block-group__inner-container>h1+ul li.current-cat>a,.wp-block-group__inner-container>h2+ul li:hover>a,.wp-block-group__inner-container>h2+ul li.current-cat-parent>a,.wp-block-group__inner-container>h2+ul li.current-cat>a,.wp-block-group__inner-container>h3+ul li:hover>a,.wp-block-group__inner-container>h3+ul li.current-cat-parent>a,.wp-block-group__inner-container>h3+ul li.current-cat>a,.wp-block-group__inner-container>h4+ul li:hover>a,.wp-block-group__inner-container>h4+ul li.current-cat-parent>a,.wp-block-group__inner-container>h4+ul li.current-cat>a,.wp-block-group__inner-container>h5+ul li:hover>a,.wp-block-group__inner-container>h5+ul li.current-cat-parent>a,.wp-block-group__inner-container>h5+ul li.current-cat>a,.wp-block-group__inner-container>h6+ul li:hover>a,.wp-block-group__inner-container>h6+ul li.current-cat-parent>a,.wp-block-group__inner-container>h6+ul li.current-cat>a{color:var(--db-text-link)}.wp-block-group__inner-container>h2{font-size:1.25rem}.sidebar .widget{margin:0 0 var(--db-padding-l);padding:.9375rem;background-color:#fff;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);border:1px solid var(--db-border-base)}@media(min-width: 1200px){.sidebar .widget{padding:var(--db-padding-s);margin:0 0 var(--db-padding-2xl)}}.sidebar .widget#calendar_wrap{padding:0}.sidebar .widget.widget_job_filter_widget,.sidebar .widget.widget_employer_filter_widget,.sidebar .widget.widget_candidate_filter_widget{padding:0;border:0}.sidebar .widget.widget_tag_cloud{padding-bottom:var(--db-padding-s)}.sidebar .widget.widget_apus_candidate_info,.sidebar .widget.widget_apus_candidate_contact_info,.sidebar .widget.widget_apus_employer_maps{padding:0;overflow:hidden}.sidebar .widget.widget_apus_candidate_info .candidate_profile,.sidebar .widget.widget_apus_candidate_info .candidate-detail-location,.sidebar .widget.widget_apus_candidate_info .employer-detail-location,.sidebar .widget.widget_apus_candidate_contact_info .candidate_profile,.sidebar .widget.widget_apus_candidate_contact_info .candidate-detail-location,.sidebar .widget.widget_apus_candidate_contact_info .employer-detail-location,.sidebar .widget.widget_apus_employer_maps .candidate_profile,.sidebar .widget.widget_apus_employer_maps .candidate-detail-location,.sidebar .widget.widget_apus_employer_maps .employer-detail-location{padding:var(--db-padding-xl) var(--db-padding-xl)}.sidebar .widget.widget_apus_candidate_contact_info .job_maps_sidebar,.sidebar .widget.widget_apus_employer_maps .job_maps_sidebar{padding:0 var(--db-padding-xl) var(--db-padding-xl)}.sidebar .widget_calendar .calendar_wrap{overflow-x:auto}.sidebar .apus-products-list{border-style:solid;border-color:var(--db-border-base);border-width:0 1px 1px}.sidebar .apus-products-list .product-block{padding:var(--db-padding-l);margin:0}.sidebar .row.instagram-pics{margin-left:-6px;margin-right:-6px}.sidebar .row.instagram-pics>[class*=col-md]{padding-left:6px;padding-right:6px;margin-bottom:var(--db-margin-m)}.sidebar .widget_apus_single_image{margin-bottom:var(--db-margin-xl)}.page-shop .sidebar .widget .widget-title{font-size:15px;margin:0 0 var(--db-padding-l);letter-spacing:1px}.page-template-page-grid-calculator .container-full{max-width:1920px;padding:0}.page-template-page-grid-calculator .inputwl{width:100%}.page-template-page-grid-calculator .helper-text{font-size:12px;color:var(--db-text-tertiary);margin-top:var(--db-margin-xs);line-height:1.2}.page-template-page-grid-calculator .input-with-segment{display:flex;align-items:center;gap:var(--db-padding-xs)}.page-template-page-grid-calculator .input-with-segment input{flex:1}.page-template-page-grid-calculator .input-with-segment .segment-tabs{display:flex;border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);padding:var(--db-padding-xxs);background-color:var(--db-bg-secondary);overflow:hidden}.page-template-page-grid-calculator .input-with-segment .segment-tabs .segment-tab{padding:var(--db-padding-xxs) var(--db-padding-xs);background:rgba(0,0,0,0);cursor:pointer;font-size:11px;width:26px;height:26px;line-height:16px;text-align:center;color:var(--db-text-tertiary);border:1px solid rgba(0,0,0,0);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);transition:all .2s ease}.page-template-page-grid-calculator .input-with-segment .segment-tabs .segment-tab:hover{color:var(--db-text-primary);background:var(--db-bg-secondary)}.page-template-page-grid-calculator .input-with-segment .segment-tabs .segment-tab.active{background:var(--db-bg-primary);color:var(--db-text-primary);border:1px solid var(--db-border-base)}.page-template-page-grid-calculator .input-wrap{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--db-padding-l)}@media only screen and (max-width: 767px){.page-template-page-grid-calculator .input-wrap{grid-template-columns:repeat(2, 1fr)}}.grid-display{position:relative}.mobile-notice{display:none}.function-wrap .button i{font-size:16px;color:var(--db-text-secondary)}.function-wrap .button:hover i{color:var(--db-color-primary)}.code-actions .button i{font-size:14px;color:var(--db-text-secondary)}.code-actions .button:hover i{color:var(--db-color-primary)}.breakpoint-header .header-left i{font-size:20px;color:var(--db-text-secondary)}.breakpoint-header .breakpoint-range-button i{font-size:12px;color:var(--db-text-secondary)}.breakpoint-header .breakpoint-range-button:hover i{color:var(--db-color-primary)}#presetModal .modal{max-width:600px}#presetModal .preset-grid{display:grid;grid-template-columns:1fr;gap:var(--db-margin-m)}#presetModal .preset-item{background-color:var(--db-bg-secondary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);padding:var(--db-padding-m);cursor:pointer;transition:all .2s ease;position:relative}#presetModal .preset-item:hover{border-color:var(--db-color-primary);box-shadow:0 4px 12px rgba(var(--db-color-primary), 0.1);transform:translateY(-2px)}#presetModal .preset-item.selected{border-color:var(--db-color-primary);background-color:rgba(var(--db-color-primary), 0.05);box-shadow:0 0 0 2px rgba(var(--db-color-primary), 0.2)}#presetModal .preset-item .preset-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--db-margin-s)}#presetModal .preset-item .preset-header h4{margin:0;font-size:16px;font-weight:600;color:var(--db-text-primary)}#presetModal .preset-item .preset-description{margin:0 0 var(--db-margin-s) 0;font-size:12px;line-height:1.4;color:var(--db-text-secondary)}#presetModal .preset-item .preset-details{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--db-margin-xs)}#presetModal .preset-item .preset-details .preset-detail{display:flex;justify-content:space-between;align-items:center;font-size:12px}#presetModal .preset-item .preset-details .preset-detail .label{color:var(--db-text-secondary);font-weight:500}#presetModal .preset-item .preset-details .preset-detail .value{color:var(--db-text-primary);font-weight:600;background-color:rgba(var(--db-color-primary), 0.1);padding:var(--db-margin-xxs) var(--db-padding-xxs);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);font-size:11px}#codeModal .modal{max-width:600px}#codeModal .modal-body{display:flex;flex-direction:column;gap:var(--db-margin-m)}#codeModal .code-tabs{display:flex;gap:var(--db-margin-xxs);padding:var(--db-margin-xxs);background:var(--db-bg-secondary);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}#codeModal .code-tabs .code-tab{flex:1;font-size:14px;padding:var(--db-padding-xs) var(--db-padding-l);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);border:none;background:none;cursor:pointer;color:var(--db-text-secondary);transition:all .2s ease}#codeModal .code-tabs .code-tab.active{background:var(--db-bg-primary);color:var(--db-text-primary);font-weight:600}#codeModal .code-tabs .code-tab:hover:not(.active){background:rgba(var(--db-color-primary), 0.1);color:var(--db-color-primary)}#codeModal .code-actions{display:flex;gap:var(--db-padding-xs)}#codeModal .code-content .code-block{margin:0;height:400px;overflow:auto;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);box-shadow:0 8px 24px -8px rgba(0,0,0,.1);background:#2d2d2d;position:relative;scrollbar-width:none}@media only screen and (max-width: 767px){#codeModal .code-content .code-block{height:60vh}}#codeModal .code-content .code-block code{width:100%;display:block;padding:1em}#codeModal .code-content .code-block code.language-css,#codeModal .code-content .code-block code.language-scss{position:absolute;top:0;left:0;right:0;bottom:0}#codeModal .code-content .code-block code.language-css[style*="display: none"],#codeModal .code-content .code-block code.language-scss[style*="display: none"]{visibility:hidden}#codeModal .code-content .code-block::-webkit-scrollbar{width:0;background:rgba(0,0,0,0)}@media only screen and (max-width: 1920px){.page-template-page-grid-calculator .container-full{padding:0 20px}}input[type=checkbox].switch{--active-inner: #fff;--border: #edf1f6;--border-hover: var(--db-color-primary);--background: #fff;-webkit-appearance:none;-moz-appearance:none;outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;cursor:pointer;border:1px solid #bbc1e1;background:var(--db-bg-primary);transition:background .3s,border-color .3s,box-shadow .2s;width:40px;height:24px;border-radius:12px}input[type=checkbox].switch:checked{--ab: var(--active-inner);--x: 16px;background:var(--db-color-secondary);--d-o: .3s;--d-t: .6s;--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}input[type=checkbox].switch:disabled:not(:checked):after{opacity:.6}input[type=checkbox].switch:after{content:"";display:block;position:absolute;left:2px;top:2px;border-radius:50%;width:18px;height:18px;border:1px solid #bbc1e1;background:var(--ab, var(--border));transform:translateX(var(--x, 0));transition:transform var(--d-t, 0.3s) var(--d-t-e, ease),opacity var(--d-o, 0.2s)}input[type=checkbox].switch:hover:not(:checked):not(:disabled){--bc: var(--border-hover)}input[type=checkbox].switch+label{font-size:14px;line-height:24px;display:inline-block;vertical-align:top;cursor:pointer}.grid-inputs{display:flex;flex-direction:column;gap:var(--db-margin-m);padding:var(--db-padding-l) 0}.grid-inputs .grid-input{flex:1;padding:var(--db-padding-s);background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.grid-inputs .grid-input label{font-size:12px;font-weight:bold;margin-bottom:var(--db-margin-xs);display:flex;align-items:center}.grid-inputs .grid-input label span{font-size:10px;line-height:1;margin-left:2px;background-color:var(--db-bg-secondary);padding:4px 6px;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.preview-head-left{display:flex;align-items:center;gap:var(--db-margin-xs)}.preview-head{width:100%;display:flex;justify-content:space-between;gap:var(--db-margin-m);margin-bottom:var(--db-margin-l)}.preview-head h2{font-size:24px;margin-bottom:0}.preview-head .button-group{display:flex;gap:var(--db-padding-xs);align-items:center}.preview-head .button-group .code-type-tabs{display:flex;gap:var(--db-margin-xxs);padding:var(--db-margin-xxs);background:var(--db-bg-secondary);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.preview-head .button-group .code-type-tabs .tab-button{font-size:14px;padding:var(--db-margin-xxs) var(--db-padding-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);border:none;background:none;cursor:pointer}.preview-head .button-group .code-type-tabs .tab-button.active{background:var(--db-bg-primary);font-weight:bold}.preview-head .button-group .download-buttons{display:flex;gap:var(--db-padding-xs)}.preview-head .button-group .button{white-space:nowrap}.device-preset-selector .device-preset-select{color:var(--db-text-primary)}.device-preset-selector .device-preset-select:hover{border-color:var(--db-color-primary)}.device-preset-selector .device-preset-select:focus{outline:none;border-color:var(--db-color-primary);box-shadow:0 0 0 2px rgba(var(--db-color-primary), 0.2)}.function-wrap{display:flex;align-items:center;gap:var(--db-margin-s)}.function-wrap .device-preset-selector .device-preset-select:focus{outline:none;border-color:var(--db-color-primary);box-shadow:0 0 0 2px rgba(var(--db-color-primary), 0.2)}.function-wrap label{font-size:14px;font-weight:bold;flex-shrink:0}.function-wrap #frame-size-input{width:120px}.function-wrap #preset-button .icon,.function-wrap #code-view-button .icon{width:16px;height:16px}.grid-preview-container{position:relative;margin:auto;margin-bottom:50px;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);overflow:hidden;box-shadow:0 8px 24px -8px rgba(0,0,0,.1)}.grid-preview-container .browser-head{position:relative;width:100%;height:24px;background-color:var(--db-bg-tertiary)}.grid-preview-container .browser-head .button-area{display:flex;gap:var(--db-padding-xs);padding:6px}.grid-preview-container .browser-head .button-area i{width:12px;height:12px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;background-color:var(--db-text-warning)}.grid-preview-container .browser-head .button-area i:first-child{background-color:var(--db-text-error)}.grid-preview-container .browser-head .button-area i:last-child{background-color:var(--db-text-success)}.grid-preview-container .grid-column .width-info{background:rgba(0,0,0,.7);color:#fff;padding:var(--db-margin-xxs) var(--db-padding-xxs);border-radius:var(--db-radius-xs);-webkit-border-radius:var(--db-radius-xs);-moz-border-radius:var(--db-radius-xs);-ms-border-radius:var(--db-radius-xs);font-size:12px}.grid-preview-container .preview-info-item:not(:last-child)::after{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);height:70%;width:1px;background:rgba(255,255,255,.2)}.grid-preview-container .size-controller{cursor:col-resize;position:absolute;width:20px;height:40px;background-color:rgba(var(--db-color-primary), 0.2);top:calc(50% - 20px);z-index:100;box-shadow:0 2px 12px rgba(0,0,0,.1);transition:.3s;display:flex;align-items:center;justify-content:center}.grid-preview-container .size-controller.left{left:0;border-radius:0 var(--db-radius-s) var(--db-radius-s) 0;-webkit-border-radius:0 var(--db-radius-s) var(--db-radius-s) 0;-moz-border-radius:0 var(--db-radius-s) var(--db-radius-s) 0;-ms-border-radius:0 var(--db-radius-s) var(--db-radius-s) 0}.grid-preview-container .size-controller.right{right:0;border-radius:var(--db-radius-s) 0 0 var(--db-radius-s);-webkit-border-radius:var(--db-radius-s) 0 0 var(--db-radius-s);-moz-border-radius:var(--db-radius-s) 0 0 var(--db-radius-s);-ms-border-radius:var(--db-radius-s) 0 0 var(--db-radius-s)}.grid-preview-container .size-controller:hover{background-color:rgba(var(--db-color-primary), 0.3)}.grid-preview-container .size-controller.drag{background-color:rgba(var(--db-color-primary), 0.3)}.grid-preview-container .size-controller svg{width:16px;height:16px}.frame-size-display{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;z-index:10}.frame-size-display .frame-size-label{color:var(--db-text-tertiary);margin-right:4px}.frame-size-display .frame-size-value{color:var(--db-text-primary)}.inputbox{display:inline-flex;align-items:center;gap:var(--db-padding-xs)}.inputbox input{width:120px}.selectbox{display:inline-flex;align-items:center;gap:var(--db-margin-xxs)}.selectbox select{width:120px;background-color:var(--db-bg-primary)}.grid-info{display:none;padding:var(--db-padding-l);background-color:var(--db-bg-secondary);margin:var(--db-margin-m) 0;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.grid-preview-frame{position:relative;width:100%;max-width:1920px;margin:auto;display:flex;justify-content:center;height:400px;background-color:var(--db-bg-primary);border:1px solid var(--db-border-base);height:100%;min-height:500px;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.grid-preview-frame .browser-head{width:100%;height:28px;background-color:var(--db-bg-secondary);border-bottom:1px solid var(--db-border-base)}.grid-preview-frame .browser-head .button-area{display:inline-flex;float:right;gap:var(--db-margin-xxs);padding:8px}.grid-preview-frame .browser-head .button-area i{display:block;width:12px;height:12px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;background-color:#c5c6cc}.grid-preview-frame #container{width:100%;display:flex;height:100%;box-sizing:border-box}.grid-preview-frame .grid-item{position:relative;height:100%;background-color:rgba(203,14,14,.2)}.grid-preview-frame .grid-item span{position:absolute;left:50%;top:50%;color:var(--db-text-secondary);text-align:center;transform:translate(-50%, -50%);font-size:12px;transition:all .2s ease}.grid-preview-frame .grid-item.integer span{font-weight:700;color:var(--db-text-primary)}@media only screen and (max-width: 767px){.mobile-notice{display:flex;align-items:flex-start;gap:var(--db-padding-l);padding:16px;background:linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(147, 51, 234, 0.1));border:1px solid rgba(59,130,246,.2);border-radius:12px;margin-bottom:16px}.mobile-notice .notice-content{flex:1}.mobile-notice .notice-content h4{margin:0 0 8px 0;font-size:16px;font-weight:600;color:#1e40af}.mobile-notice .notice-content p{margin:0;font-size:14px;line-height:1.5;color:#374151}.grid-preview-container .size-controller{display:none}.size-controller{display:none !important}.preview-head{flex-direction:column}#presetModal .preset-item .preset-details,#codeModal .preset-item .preset-details{grid-template-columns:1fr}#presetModal .code-tabs,#codeModal .code-tabs{justify-content:center}#presetModal .code-actions,#codeModal .code-actions{justify-content:center}}.breakpoint-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--db-margin-m)}.breakpoint-header .toggle-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.breakpoint-header .toggle-switch input{opacity:0;width:0;height:0}.breakpoint-header .toggle-switch input:checked+.slider{background-color:var(--db-color-primary)}.breakpoint-header .toggle-switch input:checked+.slider:before{transform:translateX(18px)}.breakpoint-header .toggle-switch input:disabled+.slider{background-color:var(--db-border-base);cursor:not-allowed}.breakpoint-header .toggle-switch .slider{position:relative;width:40px;height:22px;background-color:var(--db-border-layer-1);border-radius:var(--db-radius-full);-webkit-border-radius:var(--db-radius-full);-moz-border-radius:var(--db-radius-full);-ms-border-radius:var(--db-radius-full);transition:.4s;margin-right:8px}.breakpoint-header .toggle-switch .slider:before{content:"";position:absolute;height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:.4s}.breakpoint-header .toggle-switch .label{font-size:12px;color:var(--db-text-secondary)}.grid-input.disabled{opacity:.5;pointer-events:none}.grid-input.disabled input{background-color:var(--db-border-base)}.gutter-annotation,.margin-annotation{pointer-events:none;user-select:none;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:opacity .2s ease}.gutter-annotation{background:rgba(255,193,7,.9) !important;color:#000 !important;font-weight:700}.margin-annotation{background:rgba(220,53,69,.9) !important;color:#fff !important;font-weight:700}.grid-container{position:relative;display:flex;flex-wrap:nowrap;width:100%;height:100%;align-items:stretch}.grid-margin{flex-shrink:0;height:100%;background-color:rgba(220,53,69,.15);position:relative;transition:all .3s ease}.grid-margin span{position:absolute;left:50%;top:50%;text-align:center;transform:translate(-50%, -50%);font-size:12px;color:rgba(220,53,69,.8);padding:var(--db-margin-xxs) var(--db-padding-xxs);border-radius:var(--db-radius-xs);-webkit-border-radius:var(--db-radius-xs);-moz-border-radius:var(--db-radius-xs);-ms-border-radius:var(--db-radius-xs);white-space:nowrap}.grid-gutter{flex-shrink:0;height:100%;background-color:rgba(255,193,7,.15);position:relative;transition:all .3s ease}.grid-gutter span{position:absolute;left:50%;top:50%;text-align:center;transform:translate(-50%, -50%);font-size:12px;color:rgba(255,193,7,.9);padding:var(--db-margin-xxs) var(--db-padding-xxs);border-radius:var(--db-radius-xs);-webkit-border-radius:var(--db-radius-xs);-moz-border-radius:var(--db-radius-xs);-ms-border-radius:var(--db-radius-xs);white-space:nowrap}.grid-column{flex:1;height:100%;background-color:rgba(0,123,255,.15);position:relative;transition:all .3s ease}.grid-column span{position:absolute;left:50%;top:50%;text-align:center;transform:translate(-50%, -50%);font-size:12px;color:rgba(0,123,255,.8);padding:var(--db-margin-xxs) var(--db-padding-xxs);border-radius:var(--db-radius-xs);-webkit-border-radius:var(--db-radius-xs);-moz-border-radius:var(--db-radius-xs);-ms-border-radius:var(--db-radius-xs);white-space:nowrap;transition:all .2s ease}.grid-column.integer span{font-weight:bold}.preview-bottom-info{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:300px;background:rgba(0,0,0,.8);padding:var(--db-padding-xs) var(--db-padding-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);font-size:12px;font-weight:500;display:flex;gap:var(--db-padding-xs);z-index:1000}.preview-bottom-info span{color:#fff}.preview-bottom-info .info-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.preview-bottom-info .info-label{font-size:11px}.preview-bottom-info .info-value{font-weight:600;font-size:12px}.single-breakpoint-section h4{font-size:16px;font-weight:600;color:var(--db-text-secondary)}.single-breakpoint-section .breakpoint-input-group{display:grid;grid-template-columns:1fr auto;gap:var(--db-margin-m);align-items:start}@media(max-width: 768px){.single-breakpoint-section .breakpoint-input-group{grid-template-columns:1fr;gap:var(--db-margin-s)}}.single-breakpoint-section .breakpoint-input-group.compact{grid-template-columns:1fr;gap:var(--db-margin-s)}.single-breakpoint-section .breakpoint-description{font-size:12px;line-height:1.4;color:var(--db-text-secondary)}.single-breakpoint-section .breakpoint-settings.compact{padding:var(--db-padding-s);margin-top:var(--db-margin-s)}.single-breakpoint-section .breakpoint-settings.compact .breakpoint-header{display:flex;align-items:center;gap:var(--db-padding-xs);margin-bottom:var(--db-margin-s)}.single-breakpoint-section .breakpoint-settings.compact .breakpoint-header i{font-size:20px;color:var(--db-text-secondary)}.single-breakpoint-section .breakpoint-settings.compact .breakpoint-header h4{font-size:14px;margin:0}.single-breakpoint-section .breakpoint-settings.compact .width-type-segment.compact .segment-tabs .segment-tab{padding:var(--db-margin-xxs) var(--db-padding-xs);font-size:11px}.grid-input .breakpoint-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--db-margin-s)}.grid-input .breakpoint-header .header-left{display:flex;align-items:center;gap:var(--db-padding-xs)}.grid-input .breakpoint-header .header-left h3{margin:0;font-size:18px}.grid-input .breakpoint-header .breakpoint-range-button{display:inline-flex;align-items:center;gap:var(--db-margin-xxs);padding:4px 8px;background:var(--db-bg-secondary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);font-size:12px;color:var(--db-text-secondary);cursor:pointer;transition:all .2s ease}.grid-input .breakpoint-header .breakpoint-range-button:hover{background:var(--db-bg-primary);color:var(--db-text-primary)}.grid-input .breakpoint-header .breakpoint-range-button .range-text{font-weight:500}[data-theme=dark] .gutter-annotation,.dark-mode .gutter-annotation{background:rgba(255,193,7,.8) !important;color:#000 !important}[data-theme=dark] .margin-annotation,.dark-mode .margin-annotation{background:rgba(220,53,69,.8) !important;color:#fff !important}[data-theme=dark] .column-info,.dark-mode .column-info{background:rgba(0,0,0,.8) !important;color:#fff !important;border-color:rgba(0,123,255,.4) !important}[data-theme=dark] .grid-container,.dark-mode .grid-container{background:rgba(0,0,0,.3) !important;box-shadow:inset 0 2px 8px rgba(255,255,255,.05) !important}[data-theme=dark] .grid-margin,.dark-mode .grid-margin{background-color:rgba(220,53,69,.15) !important;border-color:rgba(220,53,69,.4) !important}[data-theme=dark] .grid-gutter,.dark-mode .grid-gutter{background-color:rgba(255,193,7,.15) !important;border-color:rgba(255,193,7,.4) !important}[data-theme=dark] .grid-column,.dark-mode .grid-column{background-color:rgba(0,123,255,.15) !important;border-color:rgba(0,123,255,.4) !important}[data-theme=dark] .grid-preview-frame,.dark-mode .grid-preview-frame{background-color:var(--db-bg-secondary)}[data-theme=dark] .grid-preview-frame .browser-head,.dark-mode .grid-preview-frame .browser-head{background-color:var(--db-bg-secondary);border-bottom:1px solid var(--db-bg-secondary)}[data-theme=dark] .layout-preview-container,.dark-mode .layout-preview-container{background:rgba(45,55,72,.95)}[data-theme=dark] .layout-preview-container .layout-preview,.dark-mode .layout-preview-container .layout-preview{background:#2d3748;color:#e2e8f0}[data-theme=dark] .layout-preview-container .layout-preview .preview-header,[data-theme=dark] .layout-preview-container .layout-preview .preview-footer,.dark-mode .layout-preview-container .layout-preview .preview-header,.dark-mode .layout-preview-container .layout-preview .preview-footer{border-color:#4a5568}[data-theme=dark] .grid-input.focused,.dark-mode .grid-input.focused{border-color:#3182ce;box-shadow:0 0 0 3px rgba(49,130,206,.1);background:#2d3748}[data-theme=dark] .grid-input.focused .breakpoint-header,.dark-mode .grid-input.focused .breakpoint-header{background:linear-gradient(135deg, #3182ce, #2c5282)}[data-theme=dark] .grid-input.focused .input-wrap,.dark-mode .grid-input.focused .input-wrap{background:#4a5568;box-shadow:0 2px 8px rgba(49,130,206,.1)}[data-theme=dark] .preview-bottom-info,.dark-mode .preview-bottom-info{background:rgba(0,0,0,.9)}[data-theme=dark] .preview-bottom-info span,.dark-mode .preview-bottom-info span{color:var(--db-text-inverse-primary)}[data-theme=dark] .mobile-notice,.dark-mode .mobile-notice{background:linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(147, 51, 234, 0.15));border-color:rgba(59,130,246,.3)}[data-theme=dark] .mobile-notice .notice-icon,.dark-mode .mobile-notice .notice-icon{background:rgba(59,130,246,.2);color:#60a5fa}[data-theme=dark] .mobile-notice .notice-content h4,.dark-mode .mobile-notice .notice-content h4{color:#93c5fd}[data-theme=dark] .mobile-notice .notice-content p,.dark-mode .mobile-notice .notice-content p{color:var(--db-text-secondary)}.breakpoint-settings{margin-top:var(--db-margin-m);padding:var(--db-padding-m);background-color:var(--db-bg-primary);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.breakpoint-settings .breakpoint-input-group{display:flex;gap:var(--db-margin-m);align-items:flex-end}.breakpoint-settings .breakpoint-input-group .inputwl{flex:1}.breakpoint-settings .breakpoint-input-group label{font-size:12px;font-weight:bold;margin-bottom:var(--db-margin-xs);display:flex;align-items:center}.breakpoint-settings .breakpoint-input-group label span{font-size:10px;line-height:1;margin-left:2px;background-color:var(--db-bg-primary);padding:4px 6px;border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.breakpoint-settings .breakpoint-input-group .width-type-segment{flex:1}.breakpoint-settings .breakpoint-input-group .width-type-segment .segment-tabs{display:flex;gap:var(--db-margin-xxs);padding:var(--db-margin-xxs);background:var(--db-bg-primary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);border:1px solid var(--db-border-base)}.breakpoint-settings .breakpoint-input-group .width-type-segment .segment-tabs .segment-tab{flex:1;padding:var(--db-padding-xxs) var(--db-padding-m);font-size:12px;font-weight:500;border:none;background:none;color:var(--db-text-secondary);cursor:pointer;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);transition:all .2s ease}.breakpoint-settings .breakpoint-input-group .width-type-segment .segment-tabs .segment-tab.active{background:var(--db-bg-primary);color:var(--db-text-primary);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.1)}.breakpoint-settings .breakpoint-input-group .width-type-segment .segment-tabs .segment-tab:hover:not(.active){background:rgba(var(--db-color-primary), 0.1);color:var(--db-color-primary)}.breakpoint-tabs{display:flex;gap:var(--db-margin-xxs);padding:var(--db-margin-xxs);background:var(--db-bg-secondary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);border:1px solid var(--db-border-base)}.breakpoint-tabs .breakpoint-tab{padding:var(--db-margin-xxs) var(--db-padding-xxs);font-size:12px;border:none;background:none;color:var(--db-text-secondary);cursor:pointer;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:var(--db-margin-xxs)}.breakpoint-tabs .breakpoint-tab i{font-size:16px;color:var(--db-text-secondary)}.breakpoint-tabs .breakpoint-tab.active{background:var(--db-bg-primary);color:var(--db-text-primary);box-shadow:0 1px 3px rgba(0,0,0,.1)}.breakpoint-tabs .breakpoint-tab.active i{color:var(--db-text-primary)}.breakpoint-tabs .breakpoint-tab:hover:not(.active){background:rgba(var(--db-color-primary), 0.1);color:var(--db-color-primary)}#tabletBreakpointModal .modal-body .breakpoint-settings-modal .breakpoint-input-group,#mobileBreakpointModal .modal-body .breakpoint-settings-modal .breakpoint-input-group{display:flex;flex-direction:column;gap:var(--db-padding-l)}#tabletBreakpointModal .modal-body .breakpoint-settings-modal .breakpoint-input-group .inputwl label,#mobileBreakpointModal .modal-body .breakpoint-settings-modal .breakpoint-input-group .inputwl label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}#tabletBreakpointModal .modal-body .breakpoint-settings-modal .breakpoint-input-group .inputwl input,#mobileBreakpointModal .modal-body .breakpoint-settings-modal .breakpoint-input-group .inputwl input{width:100%;padding:8px 12px;border:1px solid #d1d5da;border-radius:4px;font-size:14px}#tabletBreakpointModal .modal-body .breakpoint-settings-modal .breakpoint-input-group .inputwl .breakpoint-description,#mobileBreakpointModal .modal-body .breakpoint-settings-modal .breakpoint-input-group .inputwl .breakpoint-description{font-size:12px;color:#666;margin-top:4px;line-height:1.4}#tabletBreakpointModal .modal-body .modal-actions,#mobileBreakpointModal .modal-body .modal-actions{display:flex;gap:var(--db-padding-xs);justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid #e1e4e8}.preview-toggle-btn{display:flex;align-items:center;gap:6px}.preview-toggle-btn svg{width:16px;height:16px}.preview-toggle-btn.active{background:#007bff;border-color:#007bff;color:#fff}.preview-toggle-btn.active:hover{background:#0056b3;border-color:#0056b3}.preset-section{display:flex;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:var(--db-padding-l)}#grid-container{position:relative;z-index:2;width:100%;height:auto;pointer-events:none}#preview-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow-y:auto;display:none}#preview-container .layout-preview{background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.1);overflow:hidden;margin:0 auto;max-width:100%;position:relative}#preview-container .layout-preview .preview-header,#preview-container .layout-preview .preview-banner,#preview-container .layout-preview .preview-cards,#preview-container .layout-preview .preview-section,#preview-container .layout-preview .preview-footer{transition:all .3s ease}#preview-container .layout-preview .row{display:flex;flex-wrap:wrap;margin:0 -10px}#preview-container .layout-preview .row>div{padding:0 10px;margin-bottom:20px}@media(max-width: 768px){#preview-container .layout-preview .row{margin:0 -5px}#preview-container .layout-preview .row>div{padding:0 5px;margin-bottom:15px}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-gradient-generator{border-top:1px solid var(--db-border-base);position:relative}.page-gradient-generator #gradient-generator-panel{display:flex;flex-direction:column;overflow:hidden;width:100%;max-width:360px}.page-gradient-generator #gradientPreview{width:100%;height:240px;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.page-gradient-generator #colorPickerContainer{margin-bottom:var(--db-margin-s)}.page-gradient-generator .controller-wrap{width:100%;flex-shrink:0;padding:var(--db-padding-s) 0}.page-gradient-generator .controller-wrap .colorinfo-warp{position:relative;display:flex;gap:var(--db-padding-xs);align-items:center;margin-bottom:var(--db-margin-xs);user-select:none;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);transition:.3s}.page-gradient-generator .controller-wrap .colorinfo-warp.dragging{box-shadow:0 4px 12px rgba(0,0,0,.1)}.page-gradient-generator .controller-wrap .colorinfo-warp>*{flex-shrink:0}.page-gradient-generator .controller-wrap .colorinfo-warp .drag-handle{cursor:move;user-select:none;width:24px;height:24px;align-items:center;justify-content:center;display:flex;background-color:var(--db-bg-secondary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);transition:.3s}.page-gradient-generator .controller-wrap .colorinfo-warp .drag-handle i{font-size:16px;color:var(--db-text-tertiary)}.page-gradient-generator .controller-wrap .colorinfo-warp .drag-handle:hover{background-color:var(--db-bg-tertiary)}.page-gradient-generator .controller-wrap .colorinfo-warp .drag-handle:hover i{color:var(--db-text-secondary)}.page-gradient-generator .controller-wrap .colorinfo-warp .color-input-wrap{position:relative;display:flex;user-select:auto;flex:1;gap:0;padding-left:4px;background-color:#fff;border:1px solid var(--db-border-base);align-items:center;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s)}.page-gradient-generator .controller-wrap .colorinfo-warp .opacity-label{position:relative;width:54px;border-left:1px solid var(--db-border-base)}.page-gradient-generator .controller-wrap .colorinfo-warp .input-unit{position:absolute;right:6px;top:5px;z-index:1}.page-gradient-generator .controller-wrap .colorinfo-warp .opacity-input{min-width:auto}.page-gradient-generator .controller-wrap .colorinfo-warp input[type=text]{border:none !important;flex:1}.page-gradient-generator .controller-wrap .icon-remove{width:24px;height:24px;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);border:none;background:var(--db-bg-secondary);display:flex;align-items:center;justify-content:center}.page-gradient-generator .controller-wrap .icon-remove i{font-size:12px;color:var(--db-text-secondary)}.page-gradient-generator .controller-wrap .inline-btns{justify-content:flex-start}.page-gradient-generator .subfunc-wrap{margin-bottom:var(--db-margin-m);display:flex;gap:var(--db-padding-s)}.page-gradient-generator .subfunc-wrap .subfunc{flex:1}.page-gradient-generator .subfunc-wrap .subfunc select{width:100%}.page-gradient-generator .gradient-css-wrap{margin:var(--db-margin-m) 0;border-top:1px solid var(--db-border-base)}.page-gradient-generator .gradient-css-wrap p{font-size:14px;margin-bottom:var(--db-margin-xs);margin-top:var(--db-margin-m)}.page-gradient-generator .button-wrap button{width:100%}.page-gradient-generator #gradientCss{background-color:var(--db-bg-secondary);color:var(--db-text-secondary);font-size:14px;padding:var(--db-padding-xs);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);opacity:1;border:1px solid var(--db-border-base);transition:.3s;cursor:pointer}.page-gradient-generator #gradientCss:hover{border:1px solid var(--db-border-layer-1);opacity:.7}.page-gradient-generator .gradient-card{position:relative;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);background:var(--db-bg-primary);padding:var(--db-padding-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);overflow:hidden;padding:var(--db-padding-m) 0}.page-gradient-generator .gradient-card .gradient-info{text-align:center;width:100%;padding:var(--db-padding-xs)}.page-gradient-generator .gradient-card .color-preview-container{position:relative;width:160px;height:160px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;overflow:hidden;margin:auto}.page-gradient-generator .gradient-card .color-preview-container:hover .color-preview-info{opacity:1}.page-gradient-generator .gradient-card .color-preview{width:100%;height:100%;margin:auto}.page-gradient-generator .gradient-card .color-preview-info{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%, -50%);opacity:0;transition:.3s;color:#fff;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.3);font-weight:bold}.page-gradient-generator .gradient-card .gradient-colorname{font-size:18px;margin-bottom:0}.page-gradient-generator .gradient-card .card-func-wrap{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.page-gradient-generator .gradient-card .hex-code{display:flex;gap:0;align-items:center}.page-gradient-generator .gradient-card .hex-code span{font-size:14px;color:var(--db-text-secondary)}.page-gradient-generator .gradient-card .hex-code i{font-size:16px;color:var(--db-text-secondary);margin:0 4px}.page-gradient-generator .gradient-card .css-copy:hover{opacity:.5}.page-gradient-generator #gradient-filter{margin-bottom:var(--db-margin-m);justify-content:flex-start}@media only screen and (max-width: 1024px){.page-gradient-generator .controller-wrap .colorinfo-warp{align-items:center;margin-bottom:var(--db-margin-s)}}@media only screen and (max-width: 820px){.page-gradient-generator #gradient-generator-panel{max-width:100%}.page-gradient-generator .controller-wrap{width:100%}.page-gradient-generator .subfunc-wrap{margin-bottom:var(--db-margin-m);display:flex;gap:20px}.page-gradient-generator .gradient-card .color-preview-container{width:120px;height:120px}.page-gradient-generator .gradient-card .gradient-colorname{font-size:18px}}@media only screen and (max-width: 767px){.page-gradient-generator #gradient-generator-panel{flex-direction:column}.page-gradient-generator .controller-wrap{width:100%}.page-gradient-generator .controller-wrap .colorinfo-warp input[type=text]{min-width:auto;flex:1}.page-gradient-generator .filter-tabs{padding:0}.page-gradient-generator .subfunc-wrap{gap:var(--db-padding-xs)}.page-gradient-generator .gradient-card{padding:var(--db-padding-s) 0}.page-gradient-generator .gradient-card .color-preview-container{width:120px;height:120px}.page-gradient-generator .gradient-card .gradient-colorname{font-size:16px;padding-bottom:0}}[data-theme=dark].page-gradient-generator .controller-wrap .icon-remove i,.dark-mode.page-gradient-generator .controller-wrap .icon-remove i{color:var(--db-text-secondary)}[data-theme=dark].page-gradient-generator .gradient-card .hex-code i,.dark-mode.page-gradient-generator .gradient-card .hex-code i{color:var(--db-text-secondary)}[data-theme=dark].page-gradient-generator .gradient-card .css-copy i,.dark-mode.page-gradient-generator .gradient-card .css-copy i{color:var(--db-text-secondary)}[data-theme=dark].page-gradient-generator .button-wrap button i,.dark-mode.page-gradient-generator .button-wrap button i{color:#fff}.page-abstract-gradient-generator{border-top:1px solid var(--db-border-base);position:relative}.page-abstract-gradient-generator:hover #generator-functions{opacity:1}.page-abstract-gradient-generator #generator-functions{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;width:100%;height:100%;opacity:0;transition:.3s}#gradientCanvas{width:100%;height:100vh;max-width:1920px;margin:0 auto;overflow:hidden}#gradient-generator-panel{display:flex;flex-direction:column;overflow:hidden;width:100%}#toggleAdvancedOptions{display:none}#color-options{display:none}.controls{display:flex;align-items:center;gap:var(--db-padding-l)}.controls label{display:block;margin-bottom:var(--db-padding-s)}.controls input[type=range]{width:100%}.option-description{font-size:14px;color:var(--db-text-secondary);margin-bottom:var(--db-padding-m)}#toggleAdvancedOptions{margin-top:var(--db-padding-xl);width:100%}#advancedOptions{margin-top:var(--db-padding-xl);padding:var(--db-padding-xl);background-color:var(--db-bg-secondary);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s)}#advancedOptions label{display:block;margin-bottom:var(--db-padding-m)}@media only screen and (max-width: 767px){#gradient-generator-panel{flex-direction:column}.color-options{justify-content:center}}.midjourney-prompt-page .midjourney-layout{display:flex;gap:var(--db-padding-2xl);align-items:flex-start}.midjourney-prompt-page .midjourney-options{flex:1;max-width:calc(100% - 400px)}.midjourney-prompt-page .midjourney-result{width:360px;flex-shrink:0}.midjourney-prompt-page .midjourney-result .result-sticky{position:sticky;top:80px;padding:var(--db-padding-m);background:var(--db-bg-primary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);background-color:var(--db-surface-alpha-70)}@supports(-webkit-backdrop-filter: initial) or (backdrop-filter: initial){.midjourney-prompt-page .midjourney-result .result-sticky{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}}@supports not ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)){.midjourney-prompt-page .midjourney-result .result-sticky{filter:blur(24px);-webkit-filter:blur(24px);-moz-filter:blur(24px);-o-filter:blur(24px);-ms-filter:blur(24px);background-color:var(--db-surface-base)}}.midjourney-prompt-page .midjourney-result .result-sticky h3{margin-bottom:var(--db-margin-m);font-size:18px;color:var(--db-text-primary)}.midjourney-prompt-page .promtp-container{width:100%;display:flex;gap:var(--db-padding-m);flex-direction:column;margin-bottom:var(--db-margin-m)}.midjourney-prompt-page .option-container,.midjourney-prompt-page .preset-container{margin-bottom:var(--db-padding-xl);display:block;width:100%}.midjourney-prompt-page .option-title{font-weight:bold;margin-bottom:var(--db-padding-s)}.midjourney-prompt-page .inline-btns{display:flex;gap:var(--db-padding-xs);margin-bottom:var(--db-margin-s)}.midjourney-prompt-page .inline-btns .button{flex:1;justify-content:center}#midjourneyPromptText{width:100%;height:120px;padding:var(--db-padding-xs);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);resize:vertical;font-family:inherit;font-size:14px;line-height:1.4}.advanced-btns{display:flex;gap:var(--db-padding-xs);margin-bottom:var(--db-margin-m)}.advanced-btns .button{width:100%;justify-content:center}.preset-section{margin-bottom:var(--db-margin-m)}.preset-section h4{font-size:14px;color:var(--db-text-secondary);margin-bottom:var(--db-margin-xs)}.preset-section .preset-btns{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--db-padding-xxs)}.preset-section .preset-btns .button{font-size:12px;padding:var(--db-padding-xxs) var(--db-padding-xs);justify-content:flex-start;gap:var(--db-margin-xxs)}.preset-section .preset-btns .button i{font-size:12px}.prompt-stats{display:flex;justify-content:space-between;padding:var(--db-padding-xs);background:var(--db-bg-secondary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s)}.prompt-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--db-margin-xxs)}.prompt-stats .stat-item .stat-label{font-size:11px;color:var(--db-text-secondary)}.prompt-stats .stat-item span:last-child{font-size:14px;font-weight:600;color:var(--db-text-primary)}.midjourney-prompt-page #mainCategoryContainer{display:grid !important;grid-template-columns:repeat(3, 1fr) !important;gap:16px !important;margin-bottom:24px !important;overflow-x:visible !important;padding-bottom:0 !important;-webkit-overflow-scrolling:auto !important}.midjourney-prompt-page #subCategoryContainer{display:grid !important;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)) !important;gap:16px !important;margin-bottom:24px !important;overflow-x:visible !important;padding-bottom:0 !important;-webkit-overflow-scrolling:auto !important}.midjourney-sub-card{width:100%;padding:var(--db-padding-s);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);text-align:center;cursor:pointer;transition:.3s;display:flex;flex-direction:row;align-items:center;gap:var(--db-padding-xs)}.midjourney-sub-card:hover{border-color:var(--db-border-layer-1)}.midjourney-sub-card.selected{border-color:var(--db-color-primary)}.midjourney-sub-card img{width:48px;height:auto;flex-shrink:0;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);overflow:hidden}.midjourney-sub-card h4{font-size:20px;margin-bottom:0}.midjourney-card{width:100%;padding:var(--db-padding-m);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);text-align:center;cursor:pointer;transition:.3s;display:flex;flex-direction:column;align-items:center}.midjourney-card:hover{border-color:var(--db-border-layer-1)}.midjourney-card.selected{background-color:rgba(var(--db-color-primary), 0.1);border-color:var(--db-color-primary)}.midjourney-card img{width:120px;max-width:inherit;flex-shrink:0;height:auto;margin-bottom:var(--db-margin-s);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l)}.midjourney-card h3{margin-bottom:0}.midjourney-card p{font-size:15px;line-height:1.4;color:var(--db-text-secondary);margin-bottom:0}.chips-section{padding:var(--db-padding-m);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);margin-bottom:var(--db-margin-m)}@media only screen and (max-width: 820px){.midjourney-prompt-page .midjourney-layout{flex-direction:column;gap:var(--db-padding-xl)}.midjourney-prompt-page .midjourney-options{max-width:100%}.midjourney-prompt-page .midjourney-result{width:100%;order:2}.midjourney-prompt-page .midjourney-result .result-sticky{position:fixed;bottom:0;left:0;right:0;top:auto;border-radius:0;border-left:none;border-right:none;border-bottom:none;padding:var(--db-padding-s);z-index:1000}.midjourney-prompt-page .midjourney-result .result-sticky h3{display:none}.page-template-page-midjourney-prompt-generator #mainCategoryContainer.card-container{grid-template-columns:repeat(2, 1fr)}.page-template-page-midjourney-prompt-generator #subCategoryContainer.card-container{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 767px){.page-template-page-midjourney-prompt-generator #mainCategoryContainer.card-container{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.page-template-page-midjourney-prompt-generator #subCategoryContainer.card-container{grid-template-columns:1fr;gap:12px;margin-bottom:24px}body.page-template-page-midjourney-prompt-generator{padding-bottom:200px}.midjourney-prompt-page .midjourney-result .result-sticky{padding:var(--db-padding-xs)}.midjourney-prompt-page .midjourney-result .result-sticky #midjourneyPromptText{height:80px;font-size:13px}.midjourney-prompt-page .midjourney-result .result-sticky .inline-btns .button{padding:var(--db-padding-xxs) var(--db-padding-m);font-size:12px}.midjourney-prompt-page .midjourney-result .result-sticky .inline-btns .button i{font-size:12px}.sub-card{padding:var(--db-padding-xs);gap:var(--db-padding-xs);flex-direction:column;min-width:120px}.sub-card img{width:40px}.sub-card h4{font-size:16px}.card{padding:var(--db-padding-s);min-width:160px}.card img{width:80px}.card h3{font-size:20px}.card p{font-size:14px}}[data-theme=dark] .midjourney-prompt-page .midjourney-result .result-sticky,.dark-mode .midjourney-prompt-page .midjourney-result .result-sticky{background:var(--db-bg-secondary);border-color:var(--db-bg-secondary)}[data-theme=dark] .midjourney-prompt-page .midjourney-result .result-sticky h3,.dark-mode .midjourney-prompt-page .midjourney-result .result-sticky h3{color:var(--db-text-primary)}[data-theme=dark] .midjourney-prompt-page .midjourney-result .result-sticky #midjourneyPromptText,.dark-mode .midjourney-prompt-page .midjourney-result .result-sticky #midjourneyPromptText{background:var(--db-bg-secondary);border-color:var(--db-bg-secondary);color:var(--db-text-primary)}[data-theme=dark] .midjourney-prompt-page .preset-section h4,.dark-mode .midjourney-prompt-page .preset-section h4{color:var(--db-text-secondary)}[data-theme=dark] .midjourney-prompt-page .prompt-stats,.dark-mode .midjourney-prompt-page .prompt-stats{background:var(--db-bg-secondary);border-color:var(--db-bg-secondary)}[data-theme=dark] .midjourney-prompt-page .prompt-stats .stat-item .stat-label,.dark-mode .midjourney-prompt-page .prompt-stats .stat-item .stat-label{color:var(--db-text-secondary)}[data-theme=dark] .midjourney-prompt-page .prompt-stats .stat-item span:last-child,.dark-mode .midjourney-prompt-page .prompt-stats .stat-item span:last-child{color:var(--db-text-primary)}