/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.gradient{background:linear-gradient(to right top,#051937,#114169,#136e9d,#089fcf);}
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor;}::before,::after{--tw-content:'';}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}body{margin:0;line-height:inherit;}hr{height:0;color:inherit;border-top-width:1px;}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;}a{color:inherit;text-decoration:inherit;}b,strong{font-weight:bolder;}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}table{text-indent:0;border-color:inherit;border-collapse:collapse;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0;}button,select{text-transform:none;}button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;background-color:transparent;background-image:none;}:-moz-focusring{outline:auto;}:-moz-ui-invalid{box-shadow:none;}progress{vertical-align:baseline;}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto;}[type='search']{-webkit-appearance:textfield;outline-offset:-2px;}::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}summary{display:list-item;}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0;}fieldset{margin:0;padding:0;}legend{padding:0;}ol,ul,menu{list-style:none;margin:0;padding:0;}textarea{resize:vertical;}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af;}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af;}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af;}button,[role="button"]{cursor:pointer;}:disabled{cursor:default;}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;}img,video{max-width:100%;height:auto;}[hidden]{display:none;}*,::before,::after{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity));--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:var(--tw-empty,);--tw-brightness:var(--tw-empty,);--tw-contrast:var(--tw-empty,);--tw-grayscale:var(--tw-empty,);--tw-hue-rotate:var(--tw-empty,);--tw-invert:var(--tw-empty,);--tw-saturate:var(--tw-empty,);--tw-sepia:var(--tw-empty,);--tw-drop-shadow:var(--tw-empty,);--tw-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0px;padding-top:0.5rem;padding-right:0.75rem;padding-bottom:0.5rem;padding-left:0.75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000;}[type='text']:focus,[type='email']:focus,[type='url']:focus,[type='password']:focus,[type='number']:focus,[type='date']:focus,[type='datetime-local']:focus,[type='month']:focus,[type='search']:focus,[type='tel']:focus,[type='time']:focus,[type='week']:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb;}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1;}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#6b7280;opacity:1;}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1;}::-webkit-datetime-edit-fields-wrapper{padding:0;}::-webkit-date-and-time-value{min-height:1.5em;}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;color-adjust:exact;}[multiple]{background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:0.75rem;-webkit-print-color-adjust:unset;color-adjust:unset;}[type='checkbox'],[type='radio']{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000;}[type='checkbox']{border-radius:0px;}[type='radio']{border-radius:100%;}[type='checkbox']:focus,[type='radio']:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}[type='checkbox']:checked,[type='radio']:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat;}[type='checkbox']:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");}[type='radio']:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");}[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{border-color:transparent;background-color:currentColor;}[type='checkbox']:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat;}[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{border-color:transparent;background-color:currentColor;}[type='file']{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit;}[type='file']:focus{outline:1px auto -webkit-focus-ring-color;}[x-cloak]{display:none !important;}body.toolbar-fixed .navbar-fixed{top:36px;}body.toolbar-fixed.has-showcase .navbar-fixed{top:36px;}body.toolbar-tray-open.toolbar-horizontal.toolbar-fixed .navbar-fixed{top:73px;}body.toolbar-tray-open.toolbar-horizontal.toolbar-fixed.has-showcase .navbar-fixed{top:73px;}body.navbar-is-fixed .toolbar-oriented .toolbar-bar{position:fixed;}#toolbar-administration{font-size:0.75rem;line-height:1rem;}.tabs .primary{display:flex;cursor:pointer;list-style-type:none;border-bottom-width:2px;--tw-border-opacity:1;border-color:rgb(71 85 105 / var(--tw-border-opacity));font-size:0.875rem;line-height:1.25rem;}.tabs .primary li{margin-right:0.25rem;border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;--tw-bg-opacity:1;background-color:rgb(226 232 240 / var(--tw-bg-opacity));padding:0px;}.tabs .primary li a{display:block;background-color:transparent;padding-top:0.25rem;padding-bottom:0.25rem;padding-left:1rem;padding-right:1rem;--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity));}.tabs .primary li:hover{--tw-bg-opacity:1;background-color:rgb(148 163 184 / var(--tw-bg-opacity));}.tabs .primary li:hover a{margin-bottom:-0.125rem;border-bottom-width:2px;--tw-border-opacity:1;border-color:rgb(71 85 105 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity));text-decoration:none;}.tabs .primary li.is-active{--tw-bg-opacity:1;background-color:rgb(71 85 105 / var(--tw-bg-opacity));}.tabs .primary li.is-active a{margin-bottom:-0.125rem;border-bottom-width:2px;--tw-border-opacity:1;border-color:rgb(71 85 105 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity));}.tw-container{width:100%;}@media (min-width:640px){.tw-container{max-width:640px;}}@media (min-width:768px){.tw-container{max-width:768px;}}@media (min-width:1024px){.tw-container{max-width:1024px;}}@media (min-width:1280px){.tw-container{max-width:1280px;}}@media (min-width:1536px){.tw-container{max-width:1536px;}}.tw-fixed{position:fixed;}.tw-absolute{position:absolute;}.tw-relative{position:relative;}.tw-sticky{position:sticky;}.tw-top-0{top:0px;}.tw-left-0{left:0px;}.tw-right-0{right:0px;}.tw-bottom-0{bottom:0px;}.tw-z-40{z-index:40;}.tw-z-30{z-index:30;}.tw-z-10{z-index:10;}.tw-z-20{z-index:20;}.tw-m-0{margin:0px;}.tw-mx-auto{margin-left:auto;margin-right:auto;}.tw-my-12{margin-top:3rem;margin-bottom:3rem;}.tw-my-4{margin-top:1rem;margin-bottom:1rem;}.tw-my-6{margin-top:1.5rem;margin-bottom:1.5rem;}.tw-mt-2{margin-top:0.5rem;}.tw-mb-2{margin-bottom:0.5rem;}.tw-mt-6{margin-top:1.5rem;}.tw-mb-4{margin-bottom:1rem;}.tw-mb-6{margin-bottom:1.5rem;}.tw-mt-4{margin-top:1rem;}.tw-mb-0{margin-bottom:0px;}.\!tw-mb-2{margin-bottom:0.5rem !important;}.tw-mt-1{margin-top:0.25rem;}.tw-ml-2{margin-left:0.5rem;}.tw-ml-1{margin-left:0.25rem;}.tw-mt-8{margin-top:2rem;}.tw-mt-12{margin-top:3rem;}.tw-mb-hero-margin-b{margin-bottom:calc((7rem - var(--section-angle)) * -1);}.tw--mt-28{margin-top:-7rem;}.tw-mb-12{margin-bottom:3rem;}.tw-mr-4{margin-right:1rem;}.tw-mr-2{margin-right:0.5rem;}.tw-mt-3{margin-top:0.75rem;}.\!tw-mb-0{margin-bottom:0px !important;}.tw--mt-12{margin-top:-3rem;}.tw-block{display:block;}.tw-inline-block{display:inline-block;}.tw-inline{display:inline;}.tw-flex{display:flex;}.tw-grid{display:grid;}.tw-hidden{display:none;}.tw-h-8{height:2rem;}.tw-h-6{height:1.5rem;}.tw-h-4{height:1rem;}.tw-h-16{height:4rem;}.tw-h-full{height:100%;}.tw-h-screen{height:100vh;}.tw-min-h-screen{min-height:100vh;}.tw-min-h-\[208px\]{min-height:208px;}.tw-w-full{width:100%;}.tw-w-8{width:2rem;}.tw-w-48{width:12rem;}.tw-w-6{width:1.5rem;}.tw-w-4{width:1rem;}.tw-w-\[300px\]{width:300px;}.tw-w-\[375px\]{width:375px;}.tw-w-fit{width:-moz-fit-content;width:fit-content;}.tw-w-\[100px\]{width:100px;}.tw-w-\[150px\]{width:150px;}.tw-w-16{width:4rem;}.tw-max-w-screen-sm{max-width:640px;}.tw-max-w-screen-md{max-width:768px;}.tw-max-w-screen-lg{max-width:1024px;}.tw-max-w-screen-xl{max-width:1280px;}.tw-max-w-7xl{max-width:80rem;}.tw-max-w-\[200px\]{max-width:200px;}.tw-max-w-xl{max-width:36rem;}.tw-max-w-5xl{max-width:64rem;}.tw-max-w-3xl{max-width:48rem;}.tw-flex-1{flex:1 1 0%;}.tw-grow{flex-grow:1;}.tw-rotate-180{--tw-rotate:180deg;transform:var(--tw-transform);}.tw-rotate-0{--tw-rotate:0deg;transform:var(--tw-transform);}.tw-scale-90{--tw-scale-x:.9;--tw-scale-y:.9;transform:var(--tw-transform);}.tw-scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:var(--tw-transform);}.tw-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.tw-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}.tw-flex-row{flex-direction:row;}.tw-flex-col{flex-direction:column;}.tw-flex-col-reverse{flex-direction:column-reverse;}.tw-flex-wrap{flex-wrap:wrap;}.tw-items-center{align-items:center;}.tw-justify-start{justify-content:flex-start;}.tw-justify-end{justify-content:flex-end;}.tw-justify-center{justify-content:center;}.tw-justify-between{justify-content:space-between;}.tw-justify-around{justify-content:space-around;}.tw-gap-8{gap:2rem;}.tw-gap-6{gap:1.5rem;}.tw-gap-2\.5{gap:0.625rem;}.tw-gap-2{gap:0.5rem;}.tw-space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse));}.tw-space-y-5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse));}.tw-space-x-4 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)));}.tw-overflow-hidden{overflow:hidden;}.tw-rounded{border-radius:0.25rem;}.tw-rounded-lg{border-radius:0.5rem;}.tw-rounded-full{border-radius:9999px;}.tw-border{border-width:1px;}.tw-bg-transparent{background-color:transparent;}.tw-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));}.tw-bg-secondary-dark{--tw-bg-opacity:1;background-color:rgb(23 83 103 / var(--tw-bg-opacity));}.tw-bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240 / var(--tw-bg-opacity));}.tw-bg-purple-800{--tw-bg-opacity:1;background-color:rgb(107 33 168 / var(--tw-bg-opacity));}.tw-bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42 / var(--tw-bg-opacity));}.tw-bg-\[\#2d6f85\]{--tw-bg-opacity:1;background-color:rgb(45 111 133 / var(--tw-bg-opacity));}.tw-bg-\[url\(\'\/themes\/custom\/twbase\/img\/basket-icon\.svg\'\)\] {
  background-image: url('/themes/custom/twbase/img/basket-icon.svg');
}

.tw-bg-gradient-green-blue {
  background-image: linear-gradient(90deg, #0093E9 0%, #2AF598 100%);
}

.tw-bg-\[length\:1rem\] {
  background-size: 1rem;
}

.tw-bg-cover {
  background-size: cover;
}

.tw-bg-left {
  background-position: left;
}

.tw-bg-\[bottom_center\] {
  background-position: bottom center;
}

.tw-bg-no-repeat {
  background-repeat: no-repeat;
}

.tw-object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.tw-p-4 {
  padding: 1rem;
}

.tw-p-section-padding {
  padding: 7rem 0 calc(7rem - var(--section-angle));
}

.tw-p-2 {
  padding: 0.5rem;
}

.tw-py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.tw-py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.tw-px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.tw-py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.tw-py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.tw-px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.tw-py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.tw-py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.tw-py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.tw-py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.tw-px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.tw-py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.tw-pr-2 {
  padding-right: 0.5rem;
}

.tw-pl-6 {
  padding-left: 1.5rem;
}

.tw-pt-20 {
  padding-top: 5rem;
}

.tw-pt-16 {
  padding-top: 4rem;
}

.tw-pb-8 {
  padding-bottom: 2rem;
}

.tw-pt-12 {
  padding-top: 3rem;
}

.tw-pt-40 {
  padding-top: 10rem;
}

.tw-pb-32 {
  padding-bottom: 8rem;
}

.tw-pt-4 {
  padding-top: 1rem;
}

.tw-pt-10 {
  padding-top: 2.5rem;
}

.tw-pt-60 {
  padding-top: 15rem;
}

.tw-pt-72 {
  padding-top: 18rem;
}

.tw-text-left {
  text-align: left;
}

.tw-text-center {
  text-align: center;
}

.tw-font-primary {
  font-family: Open Sans, sans-serif;
}

.tw-text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.\!tw-text-\[1\.3rem\] {
  font-size: 1.3rem !important;
}

.tw-text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.tw-text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.tw-text-\[2\.5rem\] {
  font-size: 2.5rem;
}

.tw-text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.tw-text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.tw-text-16 {
  font-size: 4rem;
}

.tw-font-semibold {
  font-weight: 600;
}

.tw-font-normal {
  font-weight: 400;
}

.tw-font-medium {
  font-weight: 500;
}

.tw-uppercase {
  text-transform: uppercase;
}

.tw-italic {
  font-style: italic;
}

.tw-tracking-widest {
  letter-spacing: 0.1em;
}

.tw-text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tw-text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.tw-text-slate-200 {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

.tw-text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.tw-text-secondary {
  --tw-text-opacity: 1;
  color: rgb(8 174 234 / var(--tw-text-opacity));
}

.tw-text-secondary-dark {
  --tw-text-opacity: 1;
  color: rgb(23 83 103 / var(--tw-text-opacity));
}

.tw-text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.tw-text-primary {
  --tw-text-opacity: 1;
  color: rgb(42 245 152 / var(--tw-text-opacity));
}

.tw-text-primary-light {
  --tw-text-opacity: 1;
  color: rgb(167 240 207 / var(--tw-text-opacity));
}

.tw-text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.tw-text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.tw-underline {
  text-decoration: underline;
}

.tw-opacity-0 {
  opacity: 0;
}

.tw-opacity-100 {
  opacity: 1;
}

.tw-shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw-drop-shadow-\[1px_1px_3px_rgba\(0\,0\,0\,0\.75\)\] {
  --tw-drop-shadow: drop-shadow(1px 1px 3px rgba(0,0,0,0.75));
  filter: var(--tw-filter);
}

.tw-transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw-transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw-transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw-duration-700 {
  transition-duration: 700ms;
}

.tw-duration-300 {
  transition-duration: 300ms;
}

.tw-ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.tw-ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

/*
Drupal core Classy theme overrides
==================================
*/

/*  */

/**
 * @file
 * Override classy styles for nodes.
 */

/* Drupal Contextual links */

.contextual-region .contextual.open ul.contextual-links > li::before {
  height: 0px;
  width: 0px;
  --tw-content: none;
  content: var(--tw-content);
}

#page-wrapper .contextual-region .contextual-links li {
  margin-bottom: 0px;
  font-size: 1rem;
  line-height: 1.5rem;
}

/**
 * @file
 * Extra custom classes for unmanaged text.
 *
 * Withe TWBase Theme Utilities module installed these styles are
 * available in CKEditor toolbar in the Styles dropdown button
 */

/* .tw-prose .dropcap {
  @apply tw-block tw-float-left tw-text-5xl sm:tw-text-6xl xl:tw-text-7xl tw-leading-none tw-p-0 tw-mr-1 tw-uppercase;
} */

/**
 * Custom colors.
 * Colors are defined in tailwind.config.js
*/

/* .tw-prose .text-primary {
  @apply tw-text-primary;
}
.tw-prose .text-secondary {
  @apply tw-text-secondary;
}
.tw-prose .text-success {
  @apply tw-text-success;
}
.tw-prose .text-danger {
  @apply tw-text-danger;
}
.tw-prose .text-warning {
  @apply tw-text-warning;
} */

h1, h2, h3, h4, h5, h6 {
  font-family: Bungee, cursive;
}

h1, h2, h3 {
  margin-bottom: 0.5rem;
  line-height: 1.3;
}

h1 {
  font-size: 2.25rem;
  line-height: 2.5rem;
  --tw-text-opacity: 1;
  color: rgb(8 174 234 / var(--tw-text-opacity));
}

h2 {
  font-size: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(8 174 234 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

  h2 {
    font-size: 1.5rem;
  }
}

@media (min-width: 1024px) {

  h2 {
    font-size: 1.8rem;
  }
}

h2.lg-title {
  font-size: 1.75rem;
}

@media (min-width: 768px) {

  h2.lg-title {
    font-size: 2rem;
  }
}

@media (min-width: 1024px) {

  h2.lg-title {
    font-size: 2.25rem;
  }
}

h3 {
  font-size: 1.1rem;
}

@media (min-width: 768px) {

  h3 {
    font-size: 1.3rem;
  }
}

@media (min-width: 1024px) {

  h3 {
    font-size: 1.4rem;
  }
}

h6 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

#page-wrapper p:not(.address), #page-wrapper li {
  margin-bottom: 1rem;
  font-size: 1.1rem;
  line-height: 1.3;
}

@media (min-width: 768px) {

  #page-wrapper p:not(.address), #page-wrapper li {
    font-size: 1.15rem;
  }
}

@media (min-width: 1024px) {

  #page-wrapper p:not(.address), #page-wrapper li {
    font-size: 1.25rem;
  }
}

.tw-bg-secondary-dark {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tw-bg-secondary-dark h2 {
  --tw-text-opacity: 1;
  color: rgb(42 245 152 / var(--tw-text-opacity));
}

.tw-bg-gradient-green-blue h2 {
  --tw-text-opacity: 1;
  color: rgb(23 83 103 / var(--tw-text-opacity));
}

.tw-bg-gradient-green-blue {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tw-bg-white h2 {
  --tw-text-opacity: 1;
  color: rgb(8 174 234 / var(--tw-text-opacity));
}

.node--type-review.node--view-mode-teaser p {
  font-size: 1.2rem;
}

@media (min-width: 768px) {

  .node--type-review.node--view-mode-teaser p {
    font-size: 1.5rem;
  }
}

@media (min-width: 1024px) {

  .node--type-review.node--view-mode-teaser p {
    font-size: 2rem;
  }
}

ol, ul, menu {
  list-style-type: disc;
  padding-left: 1.5rem;
}

/**
 * @file
 * Visual styles for buttons.
 */

.button {
  /* Common for all buttons */
  /* @apply tw-px-4 tw-py-2 tw-rounded-lg tw-uppercase tw-text-center tw-font-medium tw-tracking-wide tw-transition tw-duration-200 tw-ease-in-out; */
  
  
  
  /* Default button colors */
  /* @apply tw-bg-slate-300 dark:tw-bg-slate-300 tw-text-slate-800 dark:tw-text-slate-800 hover:tw-bg-slate-400 dark:hover:tw-bg-slate-400 hover:tw-text-white dark:hover:tw-text-white; */
  /* @apply focus:tw-text-white dark:focus:tw-text-white focus:tw-bg-slate-500 dark:focus:tw-bg-slate-500 focus:tw-ring-4 focus:tw-ring-slate-200; */
  /* @apply disabled:tw-opacity-50 disabled:tw-bg-slate-200 disabled:hover:tw-text-slate-800 dark:disabled:tw-bg-slate-300 dark:disabled:hover:tw-text-slate-800; */
  display: inline-block;
  cursor: pointer;
  border-radius: 0.5rem;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(24 201 97 / var(--tw-bg-opacity));
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  padding-left: 1.1rem;
  padding-right: 1.1rem;
  font-family: Bungee, cursive;
  font-size: 1.2rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration: none;
  outline-width: 0px !important;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(28 207 125 / var(--tw-bg-opacity));
}

.button:active {
  --tw-bg-opacity: 1;
  background-color: rgb(28 207 125 / var(--tw-bg-opacity));
}

.button:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(28 207 125 / var(--tw-bg-opacity));
}

.button.button--sm {
  font-size: 1rem;
}

.button.button--lg {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 1.3rem;
  padding-right: 1.3rem;
  font-size: 1.3rem;
}

@media (min-width: 768px) {

  .button.button--lg {
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
  }

  .button.button--lg {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
  }

  .button.button--lg {
    font-size: 1.6rem;
  }
}

/* .button.button--primary {
  @apply tw-shadow-md hover:tw-shadow-lg;
  @apply tw-text-slate-100 tw-bg-primary hover:tw-bg-primary-dark focus:tw-bg-primary-darkest focus:tw-ring-primary-lightest;
  @apply disabled:hover:tw-text-slate-100 disabled:tw-bg-primary-light;
}

.button.button--secondary {
  @apply tw-text-slate-100 tw-bg-secondary hover:tw-bg-secondary-dark focus:tw-bg-secondary-darkest focus:tw-ring-secondary-lightest;
  @apply disabled:hover:tw-text-slate-100 disabled:tw-bg-secondary-light;
}

.button.button--success {
  @apply tw-text-slate-100 tw-bg-success hover:tw-bg-success-dark focus:tw-bg-success-darkest focus:tw-ring-success-lightest;
  @apply disabled:hover:tw-text-slate-100 disabled:tw-bg-success-light;
}

.button.button--danger {
  @apply tw-text-slate-100 tw-bg-danger hover:tw-bg-danger-dark focus:tw-bg-danger-darkest focus:tw-ring-danger-lightest;
  @apply disabled:hover:tw-text-slate-100 disabled:tw-bg-danger-light;
}

.button.button--warning {
  @apply tw-text-slate-100 tw-bg-warning hover:tw-bg-warning-dark focus:tw-bg-warning-darkest focus:tw-ring-warning-lightest;
  @apply disabled:hover:tw-text-slate-100 disabled:tw-bg-warning-light;
} */

/**
 * @file
 * Visual styles for fields.
 */

.text-format-wrapper .filter-wrapper {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.tw-dark .text-format-wrapper .filter-wrapper select {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.field__label {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.field--label-inline .field__label {
  padding-top: 0px;
}

@media (min-width: 640px) {

  .field--label-inline .field__label {
    padding-top: 0.25rem;
  }
}

@media (min-width: 1024px) {

  .field--label-inline .field__label {
    padding-top: 0.25rem;
  }
}

@media (min-width: 1280px) {

  .field--label-inline .field__label {
    padding-top: 0.5rem;
  }
}

@media (min-width: 1536px) {

  .field--label-inline .field__label {
    padding-top: 0.75rem;
  }
}

/* .field--name-field-paragraphs .field__item:last-child .paragraph {
  @apply tw-pb-12;
} */

.field--name-field-tags .field__item {
  margin-bottom: 0.5rem;
  display: inline-block;
}

.field--name-field-tags a.tag-link {
  height: 1.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration: none;
  opacity: 0.8;
}

.field--name-field-tags a.tag-link:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 1;
}

.tw-dark .field--name-field-tags a.tag-link {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tw-dark .field--name-field-tags a.tag-link:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/**
 * @file
 * Override classy styles for form components.
 */

/* form .form-item .description {
  @apply tw-text-sm tw-pt-1;
} */

/* form input[type='submit'] {
  @apply tw-px-4 tw-py-2 tw-text-slate-800;
} */

form input[type='text'], form input[type='password'], form input[type='email'], form input[type='number'], form input[type='url'], form input[type='date'], form input[type='datetime-local'], form input[type='month'], form input[type='week'], form input[type='time'], form input[type='search'], form input[type='tel'], select, select[multiple], textarea {
  margin-bottom: 1.5rem;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(23 83 103 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(23 83 103 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

form input[type='text'] h2, form input[type='password'] h2, form input[type='email'] h2, form input[type='number'] h2, form input[type='url'] h2, form input[type='date'] h2, form input[type='datetime-local'] h2, form input[type='month'] h2, form input[type='week'] h2, form input[type='time'] h2, form input[type='search'] h2, form input[type='tel'] h2, select h2, select[multiple] h2, textarea h2 {
  --tw-text-opacity: 1;
  color: rgb(8 174 234 / var(--tw-text-opacity));
}

form input[type='text']:hover, form input[type='password']:hover, form input[type='email']:hover, form input[type='number']:hover, form input[type='url']:hover, form input[type='date']:hover, form input[type='datetime-local']:hover, form input[type='month']:hover, form input[type='week']:hover, form input[type='time']:hover, form input[type='search']:hover, form input[type='tel']:hover, select:hover, select[multiple]:hover, textarea:hover {
  --tw-shadow: 1px 1px 6px 0px rgba(0,0,0,0.4);
  --tw-shadow-colored: 1px 1px 6px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

form input[type='text']:focus, form input[type='password']:focus, form input[type='email']:focus, form input[type='number']:focus, form input[type='url']:focus, form input[type='date']:focus, form input[type='datetime-local']:focus, form input[type='month']:focus, form input[type='week']:focus, form input[type='time']:focus, form input[type='search']:focus, form input[type='tel']:focus, select:focus, select[multiple]:focus, textarea:focus {
  --tw-shadow: 1px 1px 6px 0px rgba(0,0,0,0.4);
  --tw-shadow-colored: 1px 1px 6px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

form input[type='text']:active, form input[type='password']:active, form input[type='email']:active, form input[type='number']:active, form input[type='url']:active, form input[type='date']:active, form input[type='datetime-local']:active, form input[type='month']:active, form input[type='week']:active, form input[type='time']:active, form input[type='search']:active, form input[type='tel']:active, select:active, select[multiple]:active, textarea:active {
  --tw-shadow: 1px 1px 6px 0px rgba(0,0,0,0.4);
  --tw-shadow-colored: 1px 1px 6px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

form input[type='text'], form input[type='password'], form input[type='email'], form input[type='url'], form input[type='search'], form input[type='tel'], textarea {
  width: 100%;
  max-width: 100%;
}

select {
  display: block;
  padding-right: 2rem;
}

form label {
  margin-bottom: 0.25rem;
  display: block;
  font-size: 1.1rem;
  line-height: 1.3;
}

@media (min-width: 768px) {

  form label {
    font-size: 1.3rem;
  }
}

@media (min-width: 1024px) {

  form label {
    font-size: 1.3rem;
  }
}

form fieldset legend {
  margin-bottom: 1rem;
  font-family: Bungee, cursive;
  font-size: 1.25rem;
  line-height: 1.2;
  --tw-text-opacity: 1;
  color: rgb(8 174 234 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

  form fieldset legend {
    font-size: 1.5rem;
  }
}

@media (min-width: 1024px) {

  form fieldset legend {
    font-size: 1.5rem;
  }
}

.captcha {
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
}

.js-form-type-managed-file .description {
  display: none;
}

.js-form-type-radio, .js-form-type-checkbox {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
}

.js-form-type-radio label, .js-form-type-checkbox label {
  margin-left: 0.5rem;
}

/* form input[type='checkbox'] {
  @apply tw-rounded;
}
form input[type='checkbox'],
form input[type='radio'] {
  @apply tw-border-slate-300 tw-text-primary tw-shadow-sm;
  @apply focus:tw-border-primary-light focus:tw-ring focus:tw-ring-offset-0 focus:tw-ring-primary-lightest focus:tw-ring-opacity-50 dark:focus:tw-ring-opacity-80;
}

form .dropbutton-multiple,
form .dropbutton-multiple.open,
form .dropbutton-multiple.open .dropbutton-widget {
  @apply tw-w-full tw-max-w-lg;
}
.js form .dropbutton-widget {
  @apply tw-border-slate-300 hover:tw-border-slate-300 tw-rounded-md tw-overflow-hidden;
}
form .dropbutton-widget .dropbutton {
  @apply tw-border-r tw-border-slate-200;
}
form .dropbutton-widget .dropbutton li {
  @apply dark:tw-bg-slate-800 tw-text-slate-800 dark:tw-text-slate-200;
}
form .dropbutton-widget .dropbutton li a {
  @apply tw-no-underline tw-font-normal;
}
form .dropbutton-widget .dropbutton li.dropbutton-action {
  @apply tw-m-0 tw-p-0;
}
form .dropbutton-widget .dropbutton > li::before {
  @apply tw-w-0 tw-h-0 tw-top-0 tw-left-0 tw-border-slate-400;
}
form .dropbutton-widget .dropbutton .dropbutton-toggle {
  @apply tw-absolute tw-m-0;
}
form .dropbutton-widget .dropbutton .dropbutton-arrow {
  @apply tw-right-1/3;
}

form .dropbutton-widget .dropbutton .dropbutton-arrow {
  @apply tw-border-t-slate-400 dark:tw-border-t-slate-400;
}
form .dropbutton-multiple.open .dropbutton .dropbutton-arrow {
  @apply tw-border-opacity-0;
}

form fieldset.form-wrapper {
  @apply tw-p-4;
}
form fieldset.form-wrapper legend {
  @apply tw-px-2 tw-font-medium;
}
form fieldset.fieldgroup legend {
  @apply tw-p-0;
}
form fieldset.fieldgroup,
form fieldset.form-composite {
  @apply tw-p-0;
}

.form-type-radio .description,
.form-type-checkbox .description {
  @apply tw-ml-5;
}
[dir="rtl"] .form-type-radio .description,
[dir="rtl"] .form-type-checkbox .description {
  @apply tw-mr-5;
} */

/**
 * @file
 * Override classy styles for menu.
 */

ul.menu {
  margin-left: 0px;
}

ul.menu > li.menu-item {
  padding-left: 0px;
}

ul.menu > .menu-item::before {
  content: '';
  height: 0px;
  width: 0px;
}

/**
 * @file
 * Override classy styles for system messages.
 */

.messages {
  margin-left: 0.5rem;
}

/**
 * @file
 * Override classy styles for unmanaged elements.
 */

.feed-icons {
  display: none;
}

/**
 * Navbar styling.
 */

body {
  /* Fix horizontal scrolling on iOS devices. */
  /* https://www.drupal.org/node/1870076 */
  position: relative;
}

body.toolbar-vertical.navbar-is-fixed header {
  top: 36px;
}

/**
 * @file
 * Override classy styles for nodes.
 */

.node--unpublished {
  --tw-bg-opacity: 1;
  background-color: rgb(233 213 255 / var(--tw-bg-opacity));
  padding: 1rem;
}

.tw-dark .node--unpublished {
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity));
}

.node__links ul.links {
  display: inline-block;
}

.node__links ul.links li {
  padding-left: 0px;
}

.node__links ul.links li::before {
  content: '';
  height: 0px;
  width: 0px;
}

.page-section-wrapper:last-of-type::before, .page-section-wrapper:first-of-type::before {
  display: none;
}

.page-section-wrapper:nth-child(odd)::before {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--section-angle)), 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--section-angle)), 0 100%);
}

.page-section-wrapper:nth-child(even)::before {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--section-angle)), 100% 100%);
            clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--section-angle)), 100% 100%);
}

.canvas {
  position: relative;
  margin-top: 3rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  background-image: url('/themes/custom/twbase/img/demo/tab-2.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#drawingCanvas {
  margin-left: auto;
  margin-right: auto;
  margin-top: 4rem;
  margin-bottom: 4.7rem;
  height: 600px;
  width: 400px;
  cursor: crosshair;
}

.canvas-wrap {
  position: relative;
}

.canvas-try {
  position: absolute;
  top: 3rem;
  left: -14.5rem;
}

.canvas-try img {
  width: 90px;
}

.canvas-try p {
  margin-bottom: 0.6rem;
  margin-right: 6.5rem;
  --tw-rotate: -13deg;
  transform: var(--tw-transform);
  font-family: Permanent Marker, cursive;
  font-size: 2.6rem;
  --tw-text-opacity: 1;
  color: rgb(30 30 30 / var(--tw-text-opacity));
}

.canvas button {
  position: absolute;
  bottom: 1.25rem;
  margin: 0px;
  height: 40px;
  width: 60px;
  cursor: pointer;
  border-width: 0px;
  background-image: none;
  font-size: 0px;
}

.canvas-lock {
  position: relative;
}

.canvas-lock .canvas-lock-txt {
  position: relative;
  margin-top: 2rem;
  margin-bottom: -0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 19rem;
}

.canvas-lock .canvas-lock-txt p {
    background-image: url(/themes/custom/twbase/img/demo/unlocked-padlock.svg);
    margin-bottom: 0.6rem;
    --tw-rotate: -8deg;
    transform: var(--tw-transform);
    background-size: 24px;
    background-position: right 4px top 5px;
    background-repeat: no-repeat;
    padding-right: 2.5rem;
    font-family: Permanent Marker, cursive;
    font-size: 25px;
    --tw-text-opacity: 1;
    color: rgb(30 30 30 / var(--tw-text-opacity));
}

.canvas-lock.active .canvas-lock-txt p {
    background-image: url(/themes/custom/twbase/img/demo/locked-padlock.svg);
    background-size: 21px;
    background-position: right 4px top 10px;
}

.canvas-lock .canvas-lock-txt img {
  margin-left: 1rem;
  width: 58px;
  --tw-rotate: -25deg;
  transform: var(--tw-transform);
}

.canvas-lock .canvas-lock-img {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 466px;
}

.lock-btn {
  position: absolute;
  bottom: 121px;
  left: 50%;
  height: 40px;
  width: 50px;
  --tw-translate-x: -50%;
  transform: var(--tw-transform);
  cursor: pointer;
}

/* TABLET */

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .canvas-try {
        transform: scale(0.5);
        left: -11.6rem;
        top: -1rem;
    }
}

/* MOBILE */

@media screen and (max-width: 39.9375em) {
    .canvas {
        margin-top: 5rem;
    }

    #drawingCanvas {
        width: 290px;
        height: 435px;
    }

    .mobile-img {
        display: block;
    }

    .desktop-img {
        display: none;
    }

    .canvas-try {
        top: -4.6rem;
        left: -4rem;
        display: flex;
        transform: scale(0.7);
    }

    .canvas-try p {
        margin: 0;
    }

    .canvas-try img {
        margin-top: -0.4rem;
        transform: rotate(-24deg);
        margin-left: 2rem;
    }

    .canvas-lock .canvas-lock-txt {
        padding-right: 11.4rem;
        margin-bottom: 0.5rem;
    }

    .canvas-lock .canvas-lock-txt p {
        width: 120px;
        line-height: 1;
        background-position: right 4px top 10px;
        font-size: 1.3rem;
        padding-right: 1.1rem;
    }

    .canvas-lock .canvas-lock-txt img {
        transform: rotate(-11deg);
        margin-left: 0.6rem;
        width: 58px;
    }

    .canvas-lock .canvas-lock-img {
        max-width: 360px;
    }

    .lock-btn {
        bottom: 90px;
    }
}

.slick {
  position: relative;
  padding-left: 3rem;
  padding-right: 3rem;
}

.slick__arrow .slick-arrow {
  position: absolute;
  top: 50%;
  height: 45px;
  width: 20px;
  --tw-translate-y: -50%;
  transform: var(--tw-transform);
  cursor: pointer;
  border-width: 0px;
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0px;
  font-size: 0;
}

@media (min-width: 768px) {

  .slick__arrow .slick-arrow {
    width: 30px;
  }
}

.slick__arrow .slick-arrow.slick-prev {
  left: 0px;
  background-image: url('/themes/custom/twbase/img/left-arrow.svg');
}

.slick__arrow .slick-arrow.slick-next {
  right: 0px;
  background-image: url('/themes/custom/twbase/img/right-arrow.svg');
}

.product-price > div > div:first-child {
  display: none;
}

.product-price {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

.attribute-widgets label {
  display: none;
}

.delete-order-item, .cart .form-actions > input:first-child {
  background-color: transparent;
  padding: 0px;
  font-family: Open Sans, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(23 83 103 / var(--tw-text-opacity));
  text-decoration: underline;
}

.delete-order-item:hover, .cart .form-actions > input:first-child:hover {
  background-color: transparent;
}

.delete-order-item:focus, .cart .form-actions > input:first-child:focus {
  background-color: transparent;
}

.delete-order-item:active, .cart .form-actions > input:first-child:active {
  background-color: transparent;
}

.cart .form-actions > input:first-child {
  margin-right: 1rem;
}

.cart .form-actions {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-end;
}

.views-field-total-price__number {
  text-align: right;
}

.order-total-line {
  padding-left: 0px;
  padding-right: 0px;
}

.quantity-edit-input[type='number'] {
  margin: 0px;
  width: 60px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.product-teaser img {
  margin-left: auto;
  margin-right: auto;
}

.layout-region-checkout-secondary h3 {
  margin-top: 1rem;
  font-size: 1.25rem;
  line-height: 1.2;
  --tw-text-opacity: 1;
  color: rgb(8 174 234 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

  .layout-region-checkout-secondary h3 {
    margin-top: 0px;
  }

  .layout-region-checkout-secondary h3 {
    font-size: 1.5rem;
  }
}

@media (min-width: 1024px) {

  .layout-region-checkout-secondary h3 {
    font-size: 1.5rem;
  }
}

.layout-region-checkout-footer, #edit-review-payment-information {
  margin-top: 2rem;
}

.checkout-order-summary td:last-child {
  text-align: right;
}

.product-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 768px) {

  .product-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {

  .product-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.attribute-widgets {
  display: flex;
  flex-wrap: wrap;
}

.attribute-widgets > * {
  margin-right: 1rem;
}

.js-form-type-managed-file {
  margin-bottom: 1rem;
}

.commerce-cart-estimate-wrapper {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.commerce-cart-estimate-wrapper label {
  font-size: 1rem;
}

.commerce-cart-estimate-wrapper legend {
  margin-bottom: 0.5rem;
  font-family: Open Sans, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(23 83 103 / var(--tw-text-opacity));
}

.commerce-cart-estimate-wrapper .form-item-country-code, .commerce-cart-estimate-wrapper .js-form-submit:nth-child(2), .commerce-cart-estimate-wrapper .messages {
  display: none;
}

.commerce-cart-estimate-wrapper input {
  margin-bottom: 0px !important;
}

.commerce-cart-estimate-wrapper .form-actions > input:first-child {
  margin-right: 0px;
}

.checkout-pane-shipping-information .fieldset-wrapper > .button {
  display: none;
}

.checkout-pane .field--name-shipping-method, #edit-review-shipping-information {
  margin-top: 2rem;
}

.address-book-edit-button {
  margin-top: 1rem;
}

table {
  width: 100%;
  text-align: left;
}

table thead {
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(23 83 103 / var(--tw-border-opacity));
}

table th, table td {
  padding: 0.5rem;
}

table th:first-child, table td:first-child {
  padding-left: 0px;
}

table th:last-child, table td:last-child {
  padding-right: 0px;
}

.region-footer h2 {
  margin-bottom: 0px;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.region-footer .block {
  flex-direction: column;
}

#page-wrapper .region-footer .block-menu ul li {
  margin: 0px;
}

.region-footer .block-menu ul li a {
  font-size: 1rem;
  line-height: 1.5rem;
}

.region-footer .block-menu ul li a:hover {
  text-decoration: underline;
}

.region-footer .block-menu ul {
  list-style-type: none;
  padding: 0px;
}

.path-user form .description, .edit-completion-register-name--description, #edit-completion-register-pass--description, .password-strength, .password-suggestions, .path-user #main > .tw-container {
  display: none !important;
}

.path-user .secondary-user-form-action {
  margin-top: 1rem;
  display: block;
  text-align: center;
  font-size: 1.1rem;
  line-height: 1.4;
  text-decoration: underline;
}

@media (min-width: 768px) {

  .path-user .secondary-user-form-action {
    font-size: 1.3rem;
  }
}

@media (min-width: 1024px) {

  .path-user .secondary-user-form-action {
    font-size: 1.5rem;
  }
}

.path-user h1, .path-user .form-actions {
  text-align: center;
}

.path-user form {
  margin-left: auto;
  margin-right: auto;
  max-width: 28rem;
}

.password-confirm-message {
  margin-bottom: 1.5rem;
  font-size: 1.1rem;
  line-height: 1.4;
}

@media (min-width: 768px) {

  .password-confirm-message {
    font-size: 1.3rem;
  }
}

@media (min-width: 1024px) {

  .password-confirm-message {
    font-size: 1.3rem;
  }
}

div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
  --tw-bg-opacity: 1;
  background-color: rgb(23 83 103 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: #f1f5f9;
  --tw-shadow: var(--tw-shadow-colored);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

div#sliding-popup h2, div#sliding-popup .eu-cookie-withdraw-banner h2, .eu-cookie-withdraw-tab h2 {
  margin: 0px;
  font-family: Open Sans, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.eu-cookie-compliance-message {
  margin: 0px;
}

.eu-cookie-compliance-message button {
  font-size: 12px;
}

.eu-cookie-compliance-buttons {
  margin: 0px;
}

.eu-cookie-compliance-buttons button {
  margin: 0px;
  margin-left: 0.5rem;
  border-width: 0px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.9rem;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.eu-cookie-compliance-buttons button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(28 207 125 / var(--tw-bg-opacity));
  background-image: none;
}

.eu-cookie-compliance-buttons button:active {
  --tw-bg-opacity: 1;
  background-color: rgb(28 207 125 / var(--tw-bg-opacity));
  background-image: none;
}

.eu-cookie-compliance-buttons button:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(28 207 125 / var(--tw-bg-opacity));
  background-image: none;
}

.eu-cookie-compliance-buttons button {
    text-shadow: none;
}

.popup-content.info.eu-cookie-compliance-content {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.ui-dialog {
  height: auto !important;
  width: auto !important;
  text-align: center;
}

.ui-dialog .message-inner {
  height: auto !important;
  padding-bottom: 2rem;
}

.ui-dialog-titlebar {
  border-width: 0px;
  background-color: transparent;
  background-image: none;
  padding: 1rem;
}

.ui-dialog-titlebar .ui-dialog-title {
  width: 100%;
  padding-top: 1.5rem;
  font-family: Bungee, cursive;
  font-size: 1.1rem;
  --tw-text-opacity: 1;
  color: rgb(8 174 234 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

  .ui-dialog-titlebar .ui-dialog-title {
    font-size: 1.3rem;
  }
}

@media (min-width: 1024px) {

  .ui-dialog-titlebar .ui-dialog-title {
    font-size: 1.4rem;
  }
}

.ui-dialog .button-wrapper {
  gap: 0.5rem;
}

.ui-dialog .button-wrapper .button {
  display: inline-block;
  cursor: pointer;
  border-radius: 0.5rem;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(24 201 97 / var(--tw-bg-opacity));
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  padding-left: 1.1rem;
  padding-right: 1.1rem;
  font-family: Bungee, cursive;
  font-size: 1.2rem;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  text-decoration: none;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.ui-dialog .button-wrapper .button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(28 207 125 / var(--tw-bg-opacity));
}

.ui-dialog .button-wrapper .button:active {
  --tw-bg-opacity: 1;
  background-color: rgb(28 207 125 / var(--tw-bg-opacity));
}

.ui-dialog .button-wrapper .button:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(28 207 125 / var(--tw-bg-opacity));
}

.ui-dialog .button-wrapper .button {
  font-size: 1rem;
}

.ui-dialog .ui-dialog-titlebar-close {
  top: 1rem;
}

/*  */

/*  */

/*  */

/*  */

:root {
  --section-angle: 70px; /* update this to change the angles */
}

.before\:tw-absolute::before {
  content: var(--tw-content);
  position: absolute;
}

.before\:tw-inset-x-0::before {
  content: var(--tw-content);
  left: 0px;
  right: 0px;
}

.before\:tw-bottom-section-angle-position::before {
  content: var(--tw-content);
  bottom: calc((var(--section-angle) * -1) + 1px);
}

.before\:tw-z-10::before {
  content: var(--tw-content);
  z-index: 10;
}

.before\:tw-h-section-angle-height::before {
  content: var(--tw-content);
  height: var(--section-angle);
}

.before\:tw-bg-secondary-dark::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(23 83 103 / var(--tw-bg-opacity));
}

.before\:tw-bg-white::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.before\:tw-bg-gradient-green-blue::before {
  content: var(--tw-content);
  background-image: linear-gradient(90deg, #0093E9 0%, #2AF598 100%);
}

.before\:tw-content-\[\'\'\]::before {
  --tw-content: '';content:var(--tw-content);}.before\:tw-bg-secondary-dark::before{content:var(--tw-content);--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity));}.before\:tw-bg-secondary-dark h2::before{content:var(--tw-content);--tw-text-opacity:1;color:rgb(42 245 152 / var(--tw-text-opacity));}.before\:tw-bg-gradient-green-blue h2::before{content:var(--tw-content);--tw-text-opacity:1;color:rgb(23 83 103 / var(--tw-text-opacity));}.before\:tw-bg-gradient-green-blue::before{content:var(--tw-content);--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity));}.before\:tw-bg-white h2::before{content:var(--tw-content);--tw-text-opacity:1;color:rgb(8 174 234 / var(--tw-text-opacity));}.hover\:tw-bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240 / var(--tw-bg-opacity));}.hover\:tw-underline:hover{text-decoration:underline;}.focus\:tw-underline:focus{text-decoration:underline;}.focus\:tw-outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.active\:tw-underline:active{text-decoration:underline;}@media (min-width:640px){.sm\:tw-col-span-1{grid-column:span 1 / span 1;}.sm\:tw-inline-block{display:inline-block;}.sm\:tw-hidden{display:none;}.sm\:tw-text-5xl{font-size:3rem;line-height:1;}}@media (min-width:768px){.md\:tw-right-0{right:0px;}.md\:tw-bottom-16{bottom:4rem;}.md\:tw-mb-md-hero-margin-b{margin-bottom:calc((8rem - var(--section-angle)) * -1);}.md\:tw--mt-32{margin-top:-8rem;}.md\:tw-inline-block{display:inline-block;}.md\:tw-flex{display:flex;}.md\:tw-grid{display:grid;}.md\:tw-hidden{display:none;}.md\:tw-w-\[400px\]{width:400px;}.md\:tw-w-full{width:100%;}.md\:tw-w-\[200px\]{width:200px;}.md\:tw-w-9\/12{width:75%;}.md\:tw-max-w-\[250px\]{max-width:250px;}.md\:tw-flex-1{flex:1 1 0%;}.md\:tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.md\:tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.md\:tw-flex-row{flex-direction:row;}.md\:tw-items-center{align-items:center;}.md\:tw-justify-between{justify-content:space-between;}.md\:tw-gap-8{gap:2rem;}.md\:tw-gap-10{gap:2.5rem;}.md\:tw-space-y-8 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse));}.md\:tw-p-md-section-padding{padding:8rem 0 calc(8rem - var(--section-angle));}.md\:tw-text-\[2\.15rem\]{font-size:2.15rem;}.md\:tw-text-2xl{font-size:1.5rem;line-height:2rem;}}@media (min-width:1024px){.lg\:tw-right-0{right:0px;}.lg\:tw-mt-0{margin-top:0px;}.lg\:tw-ml-4{margin-left:1rem;}.lg\:tw--mt-1{margin-top:-0.25rem;}.lg\:tw-mb-lg-hero-margin-b{margin-bottom:calc((10rem - var(--section-angle)) * -1);}.lg\:tw--mt-40{margin-top:-10rem;}.lg\:tw-mr-8{margin-right:2rem;}.lg\:tw-mt-\[-2px\]{margin-top:-2px;}.lg\:tw--mt-24{margin-top:-6rem;}.lg\:tw-inline{display:inline;}.lg\:tw-flex{display:flex;}.lg\:tw-hidden{display:none;}.lg\:tw-w-auto{width:auto;}.lg\:tw-w-2\/3{width:66.666667%;}.lg\:tw-w-1\/3{width:33.333333%;}.lg\:tw-w-\[470px\]{width:470px;}.lg\:tw-max-w-\[325px\]{max-width:325px;}.lg\:tw-flex-1{flex:1 1 0%;}.lg\:tw-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.lg\:tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.lg\:tw-flex-row{flex-direction:row;}.lg\:tw-items-center{align-items:center;}.lg\:tw-justify-end{justify-content:flex-end;}.lg\:tw-justify-between{justify-content:space-between;}.lg\:tw-space-y-0 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse));}.lg\:tw-p-lg-section-padding{padding:10rem 0 calc(10rem - var(--section-angle));}.lg\:tw-py-\[2\.15rem\]{padding-top:2.15rem;padding-bottom:2.15rem;}.lg\:tw-px-3{padding-left:0.75rem;padding-right:0.75rem;}.lg\:tw-px-2{padding-left:0.5rem;padding-right:0.5rem;}.lg\:tw-px-0{padding-left:0px;padding-right:0px;}.lg\:tw-pr-4{padding-right:1rem;}.lg\:tw-pl-4{padding-left:1rem;}.lg\:tw-text-5xl{font-size:3rem;line-height:1;}.lg\:tw-text-\[2\.5rem\]{font-size:2.5rem;}}@media (min-width:1280px){.xl\:tw-text-7xl{font-size:4.5rem;line-height:1;}}