.dyme-button{cursor:pointer;font-family:var(--dyme-font-body);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:stretch;height:44px;font-size:13px;font-weight:600;line-height:1;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex;overflow:hidden}.dyme-button-label{align-items:center;padding:0 18px;display:flex}.dyme-button-icon{aspect-ratio:1;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.dyme-button.is-primary{background:var(--dyme-snow);color:var(--dyme-ink)}.dyme-button.is-primary .dyme-button-icon{background:var(--dyme-slate);border:1px solid var(--dyme-purple);color:var(--dyme-snow);border-radius:0 6px 6px 0;margin:-1px -1px -1px 0}.dyme-button.is-secondary{border-color:var(--dyme-purple);color:var(--dyme-snow);background:0 0}.dyme-button.is-secondary .dyme-button-icon{border-left:1px solid var(--dyme-purple)}.dyme-button.is-sm{height:36px;font-size:12px}.dyme-button.is-sm .dyme-button-label{padding:0 14px}.dyme-button:focus-visible{outline:2px solid var(--dyme-purple);outline-offset:2px}.dyme-button:disabled{cursor:not-allowed;opacity:.45}.dyme-button.is-loading{cursor:progress;opacity:1}@media (hover:hover){.dyme-button.is-primary:not(:disabled):hover{background:var(--dyme-gray-25)}.dyme-button.is-primary:not(:disabled):hover .dyme-button-icon{background:var(--dyme-purple)}.dyme-button.is-secondary:not(:disabled):hover{background:#9b5fff29}}
.notched-box{isolation:isolate;padding:72px 32px 32px;position:relative}.notched-box-shape{z-index:-1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.notched-box-mark{width:31px;height:26px;position:absolute;top:12px;left:14px}.notched-box.is-slate .notched-box-shape{fill:var(--dyme-slate)}.notched-box.is-outline .notched-box-shape{fill:none;stroke:var(--dyme-purple);stroke-width:1.5px}.notched-box.is-br{padding:32px 32px 72px}.notched-box.is-br .notched-box-mark{inset:auto 18px 12px auto}@media only screen and (max-width:750px){.notched-box{padding:68px 20px 24px}.notched-box.is-br{padding:24px 20px 68px}}
