/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.text-align-left{text-align:left;}.text-align-right{text-align:right;}.text-align-center{text-align:center;}.text-align-justify{text-align:justify;}.align-left{float:left;}.align-right{float:right;}.align-center{display:block;margin-right:auto;margin-left:auto;}
.container-inline div,.container-inline label{display:inline-block;}.container-inline .details-wrapper{display:block;}.container-inline .hidden{display:none;}
.clearfix::after{display:table;clear:both;content:"";}
.hidden{display:none;}.visually-hidden{position:absolute !important;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;word-wrap:normal;}.visually-hidden.focusable:active,.visually-hidden.focusable:focus-within{position:static !important;overflow:visible;clip:auto;width:auto;height:auto;}.invisible{visibility:hidden;}
.js .js-hide{display:none;}.js-show{display:none;}.js .js-show{display:block;}@media (scripting:enabled){.js-hide.js-hide{display:none;}.js-show{display:block;}}
.oc-skin-switcher{position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:9999;font-family:var(--oc-ff);}.oc-skin-switcher__tab{position:absolute;left:0;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;border-radius:0 12px 12px 0;background:var(--oc-primary-600);color:#fff;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--oc-sh-lg);transition:all .3s var(--oc-ease);z-index:10;}.oc-skin-switcher__tab:hover{width:52px;background:var(--oc-primary-700);}.oc-skin-switcher--open .oc-skin-switcher__tab{opacity:0;pointer-events:none;}.oc-skin-switcher__panel{position:absolute;left:-400px;top:-260px;width:380px;background:var(--oc-n-0);border-radius:0 var(--oc-r-lg) var(--oc-r-lg) 0;box-shadow:var(--oc-sh-xl);padding:var(--oc-s5);transition:left .35s var(--oc-ease);border:1px solid var(--oc-n-200);}.oc-skin-switcher--open .oc-skin-switcher__panel{left:0;}.oc-skin-switcher__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--oc-s3);padding-bottom:var(--oc-s3);border-bottom:1px solid var(--oc-n-200);}.oc-skin-switcher__title{font-size:var(--oc-fs-lg);font-weight:700;color:var(--oc-n-800);margin:0;}.oc-skin-switcher__close{width:32px;height:32px;border:none;background:var(--oc-n-100);border-radius:var(--oc-r-sm);cursor:pointer;font-size:var(--oc-fs-base);color:var(--oc-n-500);transition:all .2s;}.oc-skin-switcher__close:hover{background:var(--oc-n-200);color:var(--oc-n-700);}.oc-skin-switcher__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--oc-s2);max-height:480px;overflow-y:auto;}.oc-skin-switcher__option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--oc-s2) var(--oc-s1);border:2px solid var(--oc-n-200);border-radius:var(--oc-r-md);background:var(--oc-n-50);cursor:pointer;transition:all .2s var(--oc-ease);position:relative;font-family:var(--oc-ff);}.oc-skin-switcher__option:hover{border-color:var(--oc-primary-300);transform:translateY(-2px);box-shadow:var(--oc-sh-md);}.oc-skin-switcher__option--active{border-color:var(--oc-primary-500);background:var(--oc-primary-50);}.oc-skin-switcher__option--active::after{content:'✓';position:absolute;top:2px;right:4px;font-size:0.65rem;color:var(--oc-primary-600);font-weight:700;}.oc-skin-switcher__swatch{display:flex;gap:3px;}.oc-skin-switcher__swatch-primary,.oc-skin-switcher__swatch-accent{width:22px;height:22px;border-radius:4px;border:2px solid rgba(0,0,0,.08);}.oc-skin-switcher__label{font-size:0.65rem;font-weight:600;color:var(--oc-n-700);text-align:center;line-height:1.2;}.oc-skin-switcher__badge{font-size:0.55rem;background:var(--oc-n-700);color:var(--oc-n-0);padding:1px 5px;border-radius:var(--oc-r-full);font-weight:600;}.oc-skin-switcher__footer{margin-top:var(--oc-s3);padding-top:var(--oc-s3);border-top:1px solid var(--oc-n-200);text-align:center;}.oc-skin-switcher__reset{background:none;border:1px solid var(--oc-n-300);border-radius:var(--oc-r-sm);padding:var(--oc-s2) var(--oc-s4);font-size:var(--oc-fs-sm);color:var(--oc-n-600);cursor:pointer;transition:all .2s;font-family:var(--oc-ff);}.oc-skin-switcher__reset:hover{background:var(--oc-n-100);border-color:var(--oc-n-400);}@media (max-width:480px){.oc-skin-switcher__panel{width:300px;left:-320px;}.oc-skin-switcher__grid{grid-template-columns:repeat(3,1fr);}}
