.select-mock__wrapper{position:relative}.select-mock__wrapper .select-mock{color:transparent}.select-mock__wrapper .select-mock option{color:var(--wp--preset--color--foreground)}.editor-styles-wrapper .select-mock,.select-mock{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--wp--preset--color--white);background-image:url(../8dfebe42c8e3e4c49a1d.svg);background-position:100% 100%;background-repeat:no-repeat;background-size:auto 48px;border:none;border-left:3px solid var(--wp--preset--color--primary);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 21px) 100%,100% calc(100% - 21px),100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 21px) 100%,100% calc(100% - 21px),100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%);cursor:pointer;font-family:GothamPro,sans-serif;font-size:14px;font-weight:900;height:48px;letter-spacing:1px;line-height:21px;outline:none;padding:11px 6px 10px 21px;text-transform:uppercase;transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s,-webkit-clip-path .3s;width:100%}@media(min-width:1100px){.editor-styles-wrapper .select-mock,.select-mock{background-image:url(../9a5dabda264c98a46d52.svg);background-size:auto 60px;height:60px;padding:17px 15px 16px 27px}}.editor-styles-wrapper .select-mock--dark,.select-mock--dark{background-image:url(../7e2e8df4309cd5e2bced.svg);border-color:var(--wp--preset--color--white)}@media(min-width:1100px){.editor-styles-wrapper .select-mock--dark,.select-mock--dark{background-image:url(../245f5c786798d3a8c52f.svg)}}.editor-styles-wrapper .select-mock:focus,.editor-styles-wrapper .select-mock:hover,.select-mock:focus,.select-mock:hover{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 26px) 100%,100% calc(100% - 26px),100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 26px) 100%,100% calc(100% - 26px),100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%)}.editor-styles-wrapper .select-mock:focus+.select-mock__text,.editor-styles-wrapper .select-mock:hover+.select-mock__text,.select-mock:focus+.select-mock__text,.select-mock:hover+.select-mock__text{animation-duration:.6s;animation-fill-mode:forwards;animation-name:selectMockLabelRoll}.editor-styles-wrapper .select-mock:active,.select-mock:active{transform:scale(.95)}.editor-styles-wrapper .select-mock:active+.select-mock__text,.select-mock:active+.select-mock__text{transform:translateY(-50%) scale(.95)!important}.editor-styles-wrapper .select-mock:focus-within,.select-mock:focus-within{text-transform:none}.editor-styles-wrapper .select-mock option,.select-mock option{text-transform:none!important}.select-mock__text{align-items:center;color:var(--wp--preset--color--foreground);display:flex;font-family:GothamPro,sans-serif;font-size:14px;font-weight:900;justify-content:flex-start;left:21px;letter-spacing:1px;line-height:16px;padding:1px 3px 0;pointer-events:none;position:absolute;right:48px;text-transform:uppercase;top:50%;transform:translateY(-50%)}@media(min-width:1100px){.select-mock__text{left:27px;padding:1px 3px 0;right:56px}}@keyframes selectMockLabelRoll{0%{transform:translateY(-50%)}45%{opacity:0;transform:translateY(50%)}55%{opacity:0;transform:translateY(-150%)}to{opacity:1;transform:translateY(-50%)}}
