.sliding-contact-box{position:fixed;top:60%;left:0;z-index:11;font-family:var(--font-body-family);display:flex;align-items:flex-start;transform:translateY(-50%);pointer-events:none}.sliding-contact-box__content{background:rgb(var(--color-background));border:1px solid rgb(34,46,82);border-radius:0 8px 8px 0;box-shadow:2px 0 15px #00000026;width:280px;max-height:90vh;overflow-y:auto;order:1;transform:translate(-100%);transition:transform .3s ease-in-out;pointer-events:none}.sliding-contact-box.is-open .sliding-contact-box__content{transform:translate(0);pointer-events:auto}.sliding-contact-box__trigger{background:#222e52cc;color:rgb(var(--color-background));box-shadow:2px 0 15px #00000026;padding:5px;border-radius:0 8px 8px 0;cursor:pointer;display:flex;align-items:center;gap:4px;box-shadow:2px 2px 10px #00000026;transition:transform .3s ease-in-out,background-color .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;height:fit-content;order:2;align-self:flex-start;position:absolute;left:0;top:0;z-index:2;transform:translate(0);pointer-events:auto}.sliding-contact-box.is-open .sliding-contact-box__trigger{transform:translate(250px);background:#222e52}.sliding-contact-box__trigger:hover,.sliding-contact-box.is-open .sliding-contact-box__trigger:hover{background:#222e52}.sliding-contact-box__trigger-text{font-size:14px;font-weight:600;letter-spacing:.5px;display:flex;align-items:center;white-space:wrap;width:45px;overflow:hidden;transition:width .3s ease-in-out,opacity .3s ease-in-out;opacity:1}.sliding-contact-box.is-open .sliding-contact-box__trigger-text{width:0;opacity:0}.sliding-contact-box__trigger-icon{transition:transform .3s ease-in-out;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sliding-contact-box__trigger-icon svg{display:block}.sliding-contact-box.is-open .sliding-contact-box__trigger-icon{transform:rotate(180deg)}.sliding-contact-box__header{display:flex;justify-content:flex-start;align-items:center;padding:20px;border-bottom:1px solid rgb(var(--color-border));background:#222e52;color:rgb(var(--color-background));position:relative}.sliding-contact-box__title{margin:0;font-size:18px;font-weight:600;color:rgb(var(--color-background))}.sliding-contact-box__body{padding:20px}.sliding-contact-box__description{margin:0 0 20px;font-size:14px;line-height:1.5;color:rgb(var(--color-foreground))}.sliding-contact-box__buttons{display:flex;flex-direction:column;gap:12px}.sliding-contact-box__button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;text-align:center}.sliding-contact-box__button--primary{background:#222e52;color:rgb(var(--color-background));border:2px solid rgb(34,46,82)}.sliding-contact-box__button--primary:hover{background:#222e52cc;border-color:#222e52;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.sliding-contact-box__button--secondary{background:transparent;color:#222e52;border:2px solid rgb(34,46,82)}.sliding-contact-box__button--secondary:hover{background:#222e52;color:rgb(var(--color-background));transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.sliding-contact-box__button--tertiary{background:transparent;color:#222e52;border:2px solid rgb(34,46,82)}.sliding-contact-box__button--tertiary:hover{background:#222e52;color:rgb(var(--color-background));transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.sliding-contact-box__button svg{width:16px;height:16px}@media screen and (max-width: 768px){.sliding-contact-box__content{width:260px}.sliding-contact-box.is-open .sliding-contact-box__trigger{left:-20px}.sliding-contact-box__trigger-text{font-size:12px}.sliding-contact-box__header,.sliding-contact-box__body{padding:16px}.sliding-contact-box__title{font-size:16px}.sliding-contact-box__description{font-size:13px}}@media screen and (max-width: 480px){.sliding-contact-box.is-open .sliding-contact-box__trigger{left:-40px}.sliding-contact-box{top:60%}.sliding-contact-box__content{width:240px}.sliding-contact-box__trigger-text{font-size:11px}.sliding-contact-box__header,.sliding-contact-box__body{padding:12px}.sliding-contact-box__buttons{gap:8px}.sliding-contact-box__button{padding:10px 12px;font-size:13px}}@media screen and (max-width: 320px){.sliding-contact-box,.sliding-contact-box__trigger{display:none}}@media (prefers-reduced-motion: reduce){.sliding-contact-box,.sliding-contact-box__trigger,.sliding-contact-box__trigger-icon,.sliding-contact-box__button{transition:none}}.sliding-contact-box__trigger:focus-visible,.sliding-contact-box__button:focus-visible{outline:2px solid rgb(var(--color-outline));outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-sliding-contact-box.css.map */