.opc{display:flex;flex-direction:column;height:100%}.opc__media-link{display:block;text-decoration:none}.opc__media{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;contain:layout paint;background:var(--offsure-sand)}.opc__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;transition:opacity .28s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1)}.opc__img.is-loading{opacity:0}@keyframes opc-failopen{to{opacity:1}}.opc__img.is-loading{animation:opc-failopen 0s 1.2s forwards}@media(prefers-reduced-motion:reduce){.opc__img{transition:none}.opc__img.is-loading{opacity:1;animation:none}}.opc__img--b{opacity:0;transition:opacity .28s cubic-bezier(.23,1,.32,1)}@media(hover:hover)and (pointer:fine){.opc:hover .opc__img--a{transform:scale(1.03)}.opc:hover .opc__img--b{opacity:1}.opc[data-opc-previewing]:hover .opc__img--b{opacity:0}.opc[data-opc-previewing] .opc__img--a{transform:none}}.opc__body{padding:14px 0 0;display:flex;flex-direction:column;flex:1 0 auto}.opc__title-link{text-decoration:none}.opc__title{position:relative;display:inline-block;font-family:var(--offsure-serif);font-weight:400;font-size:1.25rem;line-height:1.15;color:var(--offsure-navy);margin:0 0 4px}.opc__title:after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:100%;background:var(--offsure-navy);transform:scaleX(0);transform-origin:left;transition:transform .16s ease}@media(hover:hover)and (pointer:fine){.opc:hover .opc__title:after{transform:scaleX(1)}}.opc__price{font-family:var(--offsure-body);font-size:.95rem;color:var(--offsure-navy);font-variant-numeric:tabular-nums;margin:0 0 6px;display:flex;gap:8px;align-items:baseline}.opc__compare{color:var(--offsure-taupe-text);font-size:.85rem}.opc__meta{font-family:var(--offsure-body);font-size:.85rem;color:var(--offsure-taupe-text);margin:0;min-height:1.3em}.opc__controls{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:auto;padding-top:8px}.opc__swatches{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:0}.opc__swatch{position:relative;flex:0 0 36px;width:36px;height:44px;box-sizing:border-box;padding:0;margin:0;border:0;border-radius:0;background:transparent!important;cursor:pointer;box-shadow:none;-webkit-appearance:none;appearance:none}.opc__swatch:before{content:"";position:absolute;width:22px;height:22px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--opc-swatch-color);box-shadow:inset 0 0 0 1px #1f2a3673}.opc__swatch:after{content:"";position:absolute;width:28px;height:28px;top:50%;left:50%;transform:translate(-50%,-50%);border:1.5px solid transparent;border-radius:50%;box-sizing:border-box}.opc__swatch.is-active:after{border-color:var(--offsure-navy, #1f2a36)}.opc__swatch:focus-visible{outline:2px solid var(--offsure-navy);outline-offset:1px;border-radius:3px}.opc__swatch:hover:after{border-color:var(--offsure-navy, #1f2a36)}.opc-sheet__swatches{margin-top:8px}.opc-sheet__swatches .opc__swatch{flex-basis:44px;width:44px}.opc__swatch-more{font-family:var(--offsure-body);font-size:.74rem;font-variant-numeric:tabular-nums;color:var(--offsure-taupe-text);text-decoration:none;line-height:1;padding:2px 0}.opc__swatch-more:hover{color:var(--offsure-navy);text-decoration:underline;text-underline-offset:3px}.opc__swatch-more:focus-visible{outline:2px solid var(--offsure-coral);outline-offset:2px}.opc__sizes{display:flex;flex-wrap:wrap;gap:6px}.opc__size-form{display:inline-flex}.opc__size-btn{min-width:44px;min-height:44px;padding:0 .75rem;font-family:var(--offsure-body);font-size:.82rem;color:var(--offsure-navy);background:var(--offsure-cream);border:0;box-shadow:inset 0 0 0 1px var(--offsure-navy);cursor:pointer;transition:background .16s ease,color .16s ease}.opc__size-btn:hover:not(:disabled){background:var(--offsure-navy);color:var(--offsure-cream)}.opc__size-btn:focus-visible{outline:2px solid var(--offsure-coral);outline-offset:2px}.opc__size-btn.is-soldout{text-decoration:line-through;opacity:.4;cursor:default;box-shadow:inset 0 0 0 1px var(--offsure-taupe)}@media(prefers-reduced-motion:reduce){.opc__img,.opc__title:after{transition:none}}@media(min-width:1280px){.opc__price{font-size:1rem}.opc__meta{font-size:.92rem}}@media(max-width:640px){.opc__title{font-family:var(--offsure-body);font-weight:500;font-size:14px}.opc__price{font-size:14px}.opc__meta{font-size:.88rem}.opc__controls>.opc__swatches{margin-left:-3px}.opc__controls>.opc__swatches .opc__swatch{flex-basis:28px;width:28px}}.opc__plus{position:absolute;right:10px;bottom:10px;width:44px;height:44px;display:none;align-items:center;justify-content:center;gap:6px;background:var(--offsure-cream);color:var(--offsure-navy);border:0;border-radius:0;z-index:2;cursor:pointer;transition:transform .12s cubic-bezier(.23,1,.32,1)}.opc{position:relative}.opc__plus-label{display:none;font-family:var(--offsure-body);font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--offsure-navy);white-space:nowrap;line-height:1}@media(hover:none),(pointer:coarse){.opc__plus{display:inline-flex}}@media(hover:hover)and (pointer:fine){.opc__plus{display:inline-flex;width:auto;height:auto;padding:6px 10px;opacity:0;transition:opacity .16s ease-out,transform .12s cubic-bezier(.23,1,.32,1)}.opc__plus-label{display:inline-block}.opc:hover .opc__plus,.opc:focus-within .opc__plus{opacity:1}}.opc__plus:focus-visible{outline:2px solid var(--offsure-coral);outline-offset:2px}@media(hover:hover)and (pointer:fine){.opc__plus:hover{transform:scale(1.04)}}.opc__plus:active{transform:scale(.97);transition:transform .13s cubic-bezier(.23,1,.32,1)}@media(prefers-reduced-motion:reduce){.opc__plus{transition-duration:80ms}.opc__plus:active{transform:scale(.98)}.opc__plus:hover{transform:none}@media(hover:hover)and (pointer:fine){.opc__plus{opacity:1}}}.opc-sheet-root::backdrop,.opc-sheet-root .dialog-modal::backdrop{background:#14181c73}dialog.opc-sheet{position:fixed;inset:auto 0 0 0;margin:0;width:100%;max-width:100%;height:auto;max-height:82vh;padding:0;border:0;background:var(--offsure-cream)}dialog.opc-sheet[open]{animation:opc-sheet-in .24s cubic-bezier(.23,1,.32,1)}dialog.opc-sheet.dialog-closing{animation:opc-sheet-out .18s cubic-bezier(.23,1,.32,1) forwards}@keyframes opc-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes opc-sheet-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){dialog.opc-sheet[open]{animation:opc-sheet-fade .12s ease}dialog.opc-sheet.dialog-closing{animation:opc-sheet-fade .12s ease reverse forwards}@keyframes opc-sheet-fade{0%{opacity:0}to{opacity:1}}}.opc-sheet__handle{width:36px;height:4px;background:#1f2a3633;margin:10px auto 0}.opc-sheet__close{position:absolute;top:12px;right:12px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--offsure-navy);border:0;cursor:pointer}.opc-sheet__close:focus-visible{outline:2px solid var(--offsure-coral);outline-offset:2px}.opc-sheet__body{padding:20px 20px 28px;overflow-y:auto;max-height:78vh}.opc-sheet__title{font-family:var(--offsure-serif);font-weight:400;font-size:1.4rem;color:var(--offsure-navy);margin:0 0 4px}.opc-sheet__price{font-family:var(--offsure-body);font-size:1rem;color:var(--offsure-navy);margin:0 0 14px}.opc-sheet__swatches{margin-bottom:14px}.opc-sheet__head{display:flex;align-items:flex-start;gap:12px;margin-bottom:4px}.opc-sheet__thumb{width:56px;height:70px;object-fit:cover;flex:0 0 auto;background:var(--offsure-sand)}.opc-sheet__headtext{min-width:0}.opc-sheet__head .opc-sheet__title,.opc-sheet__head .opc-sheet__price{margin:0 0 2px}.opc-sheet__colorway{font-family:var(--offsure-body);font-size:.82rem;color:var(--offsure-taupe-text);margin:0}.opc__sizes-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.opc__quickadd-label{font-family:var(--offsure-body);font-size:.8rem;color:var(--offsure-taupe-text);margin:0 0 6px}.opc-sheet__sizeguide{font-family:var(--offsure-body);font-size:.78rem;color:var(--offsure-navy);text-decoration:underline;text-underline-offset:3px;margin:0 0 6px}.opc-sheet__sizeguide:focus-visible{outline:2px solid var(--offsure-coral);outline-offset:2px}.opc-sheet__sizes .opc__size-btn{min-width:52px}.opc__soldout{position:absolute;left:10px;top:10px;min-height:28px;display:inline-flex;align-items:center;padding:0 .6rem;background:var(--offsure-cream);color:var(--offsure-navy);font-family:var(--offsure-body);font-size:.78rem;z-index:1}.opc__controls>.opc__plus{position:static;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;opacity:1;display:inline-flex;background:transparent}.opc__controls>.opc__plus .opc__plus-label{display:none}
/*# sourceMappingURL=/cdn/shop/t/4/assets/offsure-product-card.css.map */